通過一段代碼簡單說js中的this的使用
更新時(shí)間:2013年07月23日 17:21:41 作者:
本文通過一段代碼與大家簡單說說js中this的使用及相關(guān)問題,感興趣的朋友可以參考下哈,希望對大家有所幫助
今天有朋友說遇到如下代碼,讓我?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)系。
簡單說如果你調(diào)用一個(gè)函數(shù)的時(shí)候使用“對象.函數(shù)名”的方式,那么this就是這個(gè).(點(diǎn))之前的對象,否則是window。
比如你在調(diào)用object.getNameFunc()的時(shí)候getNameFunc函數(shù)體中的this是剛聲明的object。如果你寫成
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ù)前沒有“對象.”這種形式,所以執(zhí)行函數(shù)時(shí)候this是window,結(jié)果就很明顯了。
以后我會(huì)寫一篇關(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)系。
簡單說如果你調(diào)用一個(gè)函數(shù)的時(shí)候使用“對象.函數(shù)名”的方式,那么this就是這個(gè).(點(diǎn))之前的對象,否則是window。
比如你在調(diào)用object.getNameFunc()的時(shí)候getNameFunc函數(shù)體中的this是剛聲明的object。如果你寫成
復(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ù)前沒有“對象.”這種形式,所以執(zhí)行函數(shù)時(shí)候this是window,結(jié)果就很明顯了。
以后我會(huì)寫一篇關(guān)于js this的文章,歡迎大家關(guān)注我的CSDN博客tt361。
相關(guān)文章
JavaScript實(shí)現(xiàn)表單驗(yàn)證
這篇文章介紹了JavaScript實(shí)現(xiàn)表單驗(yàn)證的方法,文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-05-05
js實(shí)現(xiàn)checkbox全選和反選示例
這篇文章主要介紹了js實(shí)現(xiàn)checkbox全選和反選示例,需要的朋友可以參考下2014-05-05
javascript document.execCommand() 常用解析
dom下execCommand命令的一些參數(shù)整理,需要的朋友可以參考下。2009-12-12
ASP.NET實(shí)現(xiàn)Repeater控件的數(shù)據(jù)綁定
這篇文章介紹了ASP.NET實(shí)現(xiàn)Repeater控件數(shù)據(jù)綁定的方法,文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-07-07
JavaScript bold方法入門實(shí)例(把指定文字顯示為粗體)
這篇文章主要介紹了JavaScript字符串對象的bold方法入門實(shí)例,bold方法用于把指定文字顯示為粗體,需要的朋友可以參考下2014-10-10
在JS中操作時(shí)間之getUTCMilliseconds()方法的使用
這篇文章主要介紹了在JavaScript中操作時(shí)間之getUTCMilliseconds()方法的使用,是JavaScript入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06

