爲什麼結果不是我的對象？

Question

var name = "The Window"; 
var object = { 
　　name : "My Object", 
　　getNameFunc : function(){ 
　　　　return function(){ 
　　　　　 return this.name; 
　　　 }; 
　} 
}; 
alert(object.getNameFunc()()); 

當我測試代碼。結果是The Window。但我認爲this.name;應該是My Object。我的想法出了什麼問題。

當我在添加var之前name : "My Object",它顯示一個錯誤。爲什麼？

Answer 1

this一個函數內部是「接收器」它是在調用。

即，

1. 供構建x.f()，this函數（f）內將評估爲的x值。

2. 對於所有其他情況，this將評估爲window在被調用的函數內部。（功能call，apply，並bind也改變this ......但那是另一回事。）

在投稿例如第二功能（具有this.name）是不使用調用x.f()表格等等this是window對象。

「簡單修復」是使用一個封閉件：（第一功能被在x.f()形式調用，並且因此this相同object，其如預期我們在目前捕捉的this值。通過與self創建的關閉和返回的功能範圍。）

getNameFunc : function() { 
    var self = this 
    return function() { 
     return self.name 
    } 
} 

不過，我可能會考慮其他的設計，這取決於:)

編碼愉快。

---

進一步澄清，發表評論：

...那是因爲你使用的是circle.getArea()它的形式是x.f()的。因此getArea函數內的this評估爲circle。

在發佈的代碼中，您連續調用兩個不同的函數。想象一下，寫這樣的代碼：

var nameFunc = object.getNameFunc() 
nameFunc() 

第一個函數調用中的x.f()的形式，因此this內getNameFunc是object評價。但是，在第二行中，函數（nameFunc）是而不是以x.f()的形式調用。因此，nameFunc中的this（從getNameFunc返回的函數）將評估爲window，如上所述。

Answer 2

您需要保存對對象this的引用，因爲
範圍在您在getNameFunc內返回的內部函數內發生了更改。

var name = "The Window"; 

var object = { 
　　name : "My Object", 

　　getNameFunc : function(){ 
    var that = this;  // the reference to 'this' 
　　　 return (function(){ // I've fixed your function to execute itself 
　　　　 　return that.name; 
　　　　})(); 
　　} 
}; 

alert(object.getNameFunc()); 

你不能做VAR對象內literal..only裏面的內心
功能，如內部 「getNameFunc」

進一步閱讀 「這一」 範圍In this article

無論如何，你應該改變你的getNameFunc功能就像這樣：

getNameFunc : function(){ 
    return this.name; 　　　　 
} 

使用apply另一種方法是：

getNameFunc : function(){ 
    return　(function(){ return this.name }).apply(this); 
} 

Answer 3

正如其他人寫的，你需要的目標是this。我相信這一段代碼將幫助您瞭解如何this在JavaScript的工作

var name = "The Window"; 
var object = { 
    name : "My Object", 
    getNameFunc : function(){ 
    that = this; // targeting this 
    return function() { 
     return that.name; 
    }; 
    } 
}; 
alert(object.getNameFunc()()); // it is My Object now 

Answer 4

var myObject = { 
    name:'My Object' 
}; 

console.log(myObject.name); 
console.log(myObject['name']); 

有各種其他的方式來使JavaScript對象。

this是一個隱藏的參數，自動從調用函數傳遞給被調用者。傳統的方式是要做到：

function MyObject() { 
    this.name = 'My Object'; 
} 
myObject = new MyObject(); 

console.log(myObject.name); 

現在，你可能只需要使用瓶蓋：

[**edit**: redacted because not a good method] 

現在你可能只是使用閉，正確：

function makeObject() { 
    var THIS = {}; 

    THIS.name = 'My Object'; 
    THIS.sayMyName = function() { 
     return THIS.name+" is my name"; 
    } 

    return THIS; 
} 

有跡象表明，支持許多圖書館「更聰明」的方式來製作物體。

Answer 5

var object = { 
　　name : "My Object", 
　　getNameFunc : function(){ 
　　　　return (function(){ 
　　　　　 return this.name; 
　　　 }).bind(this); 
　} 
}; 

.bind，使用ES5-shim對瀏覽器的支持