通過(guò)一段代碼簡(jiǎn)單說(shuō)js中的this的使用
更新時(shí)間:2013年07月23日 17:21:41 作者:
本文通過(guò)一段代碼與大家簡(jiǎn)單說(shuō)說(shuō)js中this的使用及相關(guān)問(wèn)題,感興趣的朋友可以參考下哈,希望對(duì)大家有所幫助
今天有朋友說(shuō)遇到如下代碼,讓我?guī)徒忉屧?
var name = "The Window";
var object = {
name : "My Object",
getNameFunc : function(){
return function(){
return this.name;
};
}
};
alert(object.getNameFunc()());原因是js的this是動(dòng)態(tài)決定的,和你調(diào)用方式有直接關(guān)系。
簡(jiǎn)單說(shuō)如果你調(diào)用一個(gè)函數(shù)的時(shí)候使用“對(duì)象.函數(shù)名”的方式,那么this就是這個(gè).(點(diǎn))之前的對(duì)象,否則是window。
比如你在調(diào)用object.getNameFunc()的時(shí)候getNameFunc函數(shù)體中的this是剛聲明的object。如果你寫(xiě)成
var func = object.getNameFunc;
func();
這時(shí)候getNameFunc函數(shù)體中的this是window,雖然是同一函數(shù)調(diào)用方式的不同決定了this的不同。
同樣的道理,object.getNameFunc()返回的是一個(gè)函數(shù)引用,加一個(gè)括號(hào)就是讓函數(shù)執(zhí)行。其實(shí)相當(dāng)于如下代碼
var func = object.getNameFunc();
alert( func() );
函數(shù)前沒(méi)有“對(duì)象.”這種形式,所以執(zhí)行函數(shù)時(shí)候this是window,結(jié)果就很明顯了。
以后我會(huì)寫(xiě)一篇關(guān)于js this的文章,歡迎大家關(guān)注我的CSDN博客tt361。
復(fù)制代碼 代碼如下:
var name = "The Window";
var object = {
name : "My Object",
getNameFunc : function(){
return function(){
return this.name;
};
}
};
alert(object.getNameFunc()());原因是js的this是動(dòng)態(tài)決定的,和你調(diào)用方式有直接關(guān)系。
簡(jiǎn)單說(shuō)如果你調(diào)用一個(gè)函數(shù)的時(shí)候使用“對(duì)象.函數(shù)名”的方式,那么this就是這個(gè).(點(diǎn))之前的對(duì)象,否則是window。
比如你在調(diào)用object.getNameFunc()的時(shí)候getNameFunc函數(shù)體中的this是剛聲明的object。如果你寫(xiě)成
復(fù)制代碼 代碼如下:
var func = object.getNameFunc;
func();
這時(shí)候getNameFunc函數(shù)體中的this是window,雖然是同一函數(shù)調(diào)用方式的不同決定了this的不同。
同樣的道理,object.getNameFunc()返回的是一個(gè)函數(shù)引用,加一個(gè)括號(hào)就是讓函數(shù)執(zhí)行。其實(shí)相當(dāng)于如下代碼
復(fù)制代碼 代碼如下:
var func = object.getNameFunc();
alert( func() );
函數(shù)前沒(méi)有“對(duì)象.”這種形式,所以執(zhí)行函數(shù)時(shí)候this是window,結(jié)果就很明顯了。
以后我會(huì)寫(xiě)一篇關(guān)于js this的文章,歡迎大家關(guān)注我的CSDN博客tt361。
相關(guān)文章
JavaScript實(shí)現(xiàn)表單驗(yàn)證
這篇文章介紹了JavaScript實(shí)現(xiàn)表單驗(yàn)證的方法,文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-05-05js實(shí)現(xiàn)checkbox全選和反選示例
這篇文章主要介紹了js實(shí)現(xiàn)checkbox全選和反選示例,需要的朋友可以參考下2014-05-05javascript document.execCommand() 常用解析
dom下execCommand命令的一些參數(shù)整理,需要的朋友可以參考下。2009-12-12ASP.NET實(shí)現(xiàn)Repeater控件的數(shù)據(jù)綁定
這篇文章介紹了ASP.NET實(shí)現(xiàn)Repeater控件數(shù)據(jù)綁定的方法,文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-07-07JavaScript bold方法入門(mén)實(shí)例(把指定文字顯示為粗體)
這篇文章主要介紹了JavaScript字符串對(duì)象的bold方法入門(mén)實(shí)例,bold方法用于把指定文字顯示為粗體,需要的朋友可以參考下2014-10-10在JS中操作時(shí)間之getUTCMilliseconds()方法的使用
這篇文章主要介紹了在JavaScript中操作時(shí)間之getUTCMilliseconds()方法的使用,是JavaScript入門(mén)學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06