從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 
}