如何在javascript / jQuery中获取父对象属性

Question

I've been searching a way to get the Parent object property in a nested Object but had no luck.

Here is the nested object I am using:

var obj = {
        name: 'My Name',
        obj1: {
                 age: 18,
                 name: this.name
            }
    };

But it gives and undefined error.

Is there any way in JavaScript or jQuery to achieve it?

Answer 1

You can do something like this :

var obj = new obj();

function obj(){
    var self = this;
    self.name = 'My Name';
    self.obj1 = {
        age: 18,
        name: self.name
    }
};

Answer 2

And with some jQuery love, I achieved it.

Here is the original one I was using:

var obj = {
        name: 'My Name',
        obj1: {
                 age: 18,
                 name: this.name
            }
    };

And here is my trick:

I created another object obj1Copy :

var obj1Copy = {
    name: obj.name
};

See I am using the parent object name instead of this in this copy. And then use the jQuery $.extend to merge them:

var newObj = $.extend(obj.obj1, obj1Copy);

And then use the newObj instead of obj1 , like newObj.name would return My Name .

If there's any better and easy way then please share.