今天有朋友說遇到如下代碼,讓我幫解釋原因
復制代碼 代碼如下:
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。