Javascript變量作用域。如何從內部對象函數訪問對象變量？

Question

我想知道如何使用功能訪問「南」電子可變的JavaScript物件，像這樣：

function myObj() { 
    this.vars = { 
     name: 'bob', 
     age: '42' 
    } 
    this.functions = { 
     sayName: function() { 
      alert(this.vars.name); 
     } 
    } 
} 

var obj = new myObj(); 
obj.functions.sayName(); 

缺少什麼我在這裏？

我能得到的名稱VAR如果我通過到自身的引用，如：

function myObj() { 
    this.vars = { 
     name: 'bob', 
     age: '42' 
    } 
    this.functions = { 
     sayName: function(name) { 
      alert(name); 
     } 
    } 
} 

var obj = new myObj(); 
obj.functions.sayName(obj.vars.name); 

，但似乎有點多餘...想法？

Answer 1

的問題是，在你的函數this.functions.sayName，該this關鍵字是指this.functions，而不是當前對象。

下面是該問題的解決辦法：

function myObj() { 
    var vars = this.vars = { 
     name: 'bob', 
     age: '42' 
    } 
    this.functions = { 
     sayName: function() { 
      alert(vars.name); 
     } 
    } 
} 

var obj = new myObj(); 
obj.functions.sayName(); 

這將創建的myObj內的局部變量，你可以從任何內部範圍訪問。這也暴露了該變量對外部世界爲任一屬性實例化myObj類，這意味着你仍然可以做這樣的事情

obj.vars.name = 'test'; 

，它仍然會改變對象的內部狀態。這可能是您當前設置的最佳解決方案。

JavaScript中關鍵字this的行爲很有趣。我推薦Mozilla開發者網絡上的優秀writeup。

Answer 2

你可以做這樣的：如果

var thisObj = this; 
this.functions = { 
    sayName: function() { 
     alert(thisObj.vars.name); 
    } 
} 

不知道這是最好的解決辦法，但它的工作原理。 Javascript 這個如果你在一個函數內，它總是指內部作用域。

Answer 3

只是刪除this：

function myObj() { 
    var vars = { 
     name: 'bob', 
     age: '42' 
    }; 
    this.functions = { 
     sayName: function() { 
      alert(vars.name); 
     } 
    }; 
}; 

var obj = new myObj(); 
obj.functions.sayName();​ 

LIVE DEMO