从JavaScript对象访问变量

Question

我有以下脚本

<script> 

var Obj = { 
     purpose_1: { 
      defaults: { 
       purpose:{ my_variable:"Test" } 
      }, 
      activity: function() { 
       console.log(Obj.purpose_1.defaults.purpose.my_variable); 
      } 
     }, 

     purpose_2: { 

     } 
    } 

    Obj.purpose_1.activity(); 

</script> 

我访问my_variable和线

console.log(Obj.purpose_1.defaults.purpose.my_variable); 

获得输出Test控制台有没有像

this.my_variable任何捷径的方式

访问my_variable而不是此长路径

Obj.purpose_1.defaults.purpose.my_variable

致谢。

Answer 1

activity: function() { 
    return function() { 
     //this now refers to Obj.purpose_1.defaults.purpose 
     console.log(this.my_variable); 
    }.call(Obj.purpose_1.defaults.purpose); 
    // call overrides the context in which the function is executed 
} 

返回绑定到你需要的上下文中的功能！这是一个sample fiddle。

请参阅MDN中的Function.prototype.call方法。

Answer 2

因为JavaScript对象的隐式引用传递，你可能会为自己创建的快捷方式是这样的：

activity: function() { 
    var p = this.defaults.purpose; // shortcut 

    console.log(p.my_variable); // property 
}