透過一段程式碼簡單說js中的this的使用_基礎知識

今天有朋友說遇到以下程式碼，請我幫忙解釋原因

程式碼如下: var name = "The Window"; var object = { name : "My Object",

getNameFunc : function(){

return function(){
return this.名;
};
}
};


alert(object.getNameFunc()());原因是js的this是動態決定的，和你調用方式有直接關係。

簡單說如果你呼叫一個函數的時候使用「物件.函數名稱」的方式，那麼this就是這個.(點)之前的對象，否則是window。
例如你在呼叫object.getNameFunc()的時候getNameFunc函數體內的this是剛宣告的object。如果你寫成

複製程式碼

程式碼如下: var func = object.getNameFunc; >func();

這時候getNameFunc函數體中的this是window，雖然是同一函數呼叫方式的不同決定了this的不同。

同樣的道理，object.getNameFunc()回傳的是一個函數引用，加一個括號就是讓函數執行。其實相當於以下程式碼

複製程式碼

程式碼如下: var func = object.NameFunc( ); alert( func() );

函數前沒有「物件。」這種形式，所以執行函數時候this是window，結果就很明顯了。

我以後會寫一篇關於js this的文章，歡迎大家追蹤我的CSDN部落格tt361。