javascript:从结构中函数的范围访问结构中的父对象

Question

告诉我如何从函数范围(在结构中)访问其父级(在结构中)的元素？

例如:

var mystruct = {
    element1: 10,
    element2: 'test',
    element3: {
        sub1: 'data',
        sub2: function(){
            return this;
        }
    },
};

var res = mystruct.element3.sub2();

结果:

res = {sub1: 'data', sub2: f}

但是函数 mystruct.element3.sub2 如何访问元素 mystruct.element1 呢？

例如:

sub2: function(){
    return this.parent.element1;
}

结果:

res = 10

方法:

sub2: function(){
    return mystruct.element1.sub1;
}

不适合，因为在函数范围内我不知道 mystruct

Answer 1

您可以使用立即调用函数表达式 (IIFE) 创建 element3，这样您就可以将父对象保存在变量中，然后相应地使用它。

var mystruct = {
    element1: 10,
    element2: 'test',
    element3: (function () {
        // save the reference you want to access later
        var parent = this;
        // create and return the object that you want to assign to 'element3'
        return {
            sub1: 'data',
            sub2: function() {
                // use the saved reference
                return parent.element1;
            }
        }
    })()  // NOTE: immediately invoke the function to return the correct object
};

然后你就可以按照你想要的方式使用它:

mystruct.element3.sub2();  // will return 10

或者您可以只使用它的变量名称:

sub2: function () {
    return mystruct.element1;
}