访问另一个对象内的对象

Question

Hi I am getting an uncaught reference exception on my code.This is what I have:

 var config = {
    debug: true,
    data: {
        debug: false,
        logErrorsOnServer: true,
        defaultCulture: '',
        serviceUrl: ''
    },

    init: function(options) {
        if (!options) {
            return;
        }          
        if (options.hasOwnProperty('debug')) {
            data.debug = options.debug;
        }

    },
};

When I try to get the value of data.debug I get an uncaught reference error that says:

UncoughtReference Error: data is not defined

Whay can't I acces my data object?

Answer 1

You need to say:

this.data.debug = options.debug;

...assuming that you are calling the init() function in a way that sets this to the (outer) object, eg, with config.init() .

Or you can say:

config.data.debug = options.debug;

The reason you got an error about data not being defined when you tried to use data.debug directly is that in fact data is not defined as a variable, it is a property of the object. Just because init() is a method on your object doesn't mean it automatically references other object properties.

Answer 2

Well, the data variable is undefined. You probably want to use the object on your .data property of config (accessible via the this keyword ):

…
    if (options.hasOwnProperty('debug')) {
        this.data.debug = options.debug;
    }
…

See also Javascript: Object Literal reference in own key's function instead of 'this' for different methods to access .data .