Backbone.js model.get() returning 'undefined' even though I can see the attributes in console.log

Question

I have a model instance, which I set another model instance on, i.e model.set('rsvp', new App.Rsvp).

When I iterate over the collection to generate the list of them in the view, I get undefined when calling model.rsvp.get('attending').

Yet when I do a console.log(model.rsvp) I get this:

Rsvp
_changing: false
_escapedAttributes: Object
_moreChanges: false
_previousAttributes: Object
_setting: false
attributes: Object
    attending: true
    created_at: "2012-03-28T09:42:22-05:00"
    event_id: 20
    id: 12
    updated_at: "2012-03-28T09:42:22-05:00"
    user_id: 3
__proto__: Object
cid: "c53"
id: 12
__proto__: Rsvp

So it would appear that there is no issue with the object, yet the get returns undefined.

I must admit my Javascript skill is still pretty weak. What am I missing here?

Answer 1

console.log( Object ) can cheat you. It won't show you the state of the Object in the moment of calling console.log.

Check this jsFiddle and open the console. You see how the console.log shows you the state of the Object at the end of the script and not in the moment of the console.log call.

For more reliable info call console.log with simpler values.

(tested is Chrome, Firefox and Safari over OSX)

Read this for more detailed information: Backbone.js Empty Array Attribute