通過一段代碼簡單說js中的this的使用

今天有朋友說遇到如下代碼，讓我幫解釋原因
複製代碼 代碼如下:
var name = "The Window";
var object = {
name : "My Object",
getNameFunc : function(){
return function(){
return this.name;
};
}
};

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.getNameFunc();
alert( func() );

函數前沒有“對象.”這種形式，所以執行函數時候this是window，結果就很明顯了。

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