通過(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。如果你寫成

復(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ì)寫一篇關(guān)于js this的文章，歡迎大家關(guān)注我的CSDN博客tt361。

您可能感興趣的文章:

js
this

相關(guān)文章

javascript實(shí)現(xiàn)計(jì)算器功能詳解流程
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)單計(jì)算器小功能，只學(xué)書上的理論是遠(yuǎn)遠(yuǎn)不夠的，只有在實(shí)戰(zhàn)中才能獲得能力的提升，大家可以在本篇實(shí)例中查缺補(bǔ)漏，提升水平
2021-11-11
javascript學(xué)習(xí)筆記(九) js對(duì)象設(shè)計(jì)模式
javascript學(xué)習(xí)筆記之js對(duì)象設(shè)計(jì)模式介紹，需要的朋友可以參考下
2012-06-06
Javascript基礎(chǔ)教程之?dāng)?shù)組 array
Array是JavaScript中常用的類型，并且JavaScript中的數(shù)組和其他語(yǔ)言的數(shù)組有比較大的區(qū)別。JavaScript中數(shù)組中存放的數(shù)據(jù)類型不一定相同，而且數(shù)組的長(zhǎng)度也是可改變的。
2015-01-01
簡(jiǎn)單了解JavaScript異步
所謂"異步"，簡(jiǎn)單說(shuō)就是一個(gè)任務(wù)分成兩段，先執(zhí)行第一段，然后轉(zhuǎn)而執(zhí)行其他任務(wù)，等做好了準(zhǔn)備，再回過(guò)頭執(zhí)行第二段。比如，有一個(gè)任務(wù)是讀取文件進(jìn)行處理，下面小編來(lái)和大家一起學(xué)習(xí)一下
2019-05-05
js學(xué)習(xí)之----深入理解閉包
本篇文章主要介紹了js的閉包，閉包算是js里面比較不容易理解的點(diǎn)，現(xiàn)在整理出來(lái)分享給大家，有需要的可以了解一下。
2016-11-11
JavaScript ES6中的簡(jiǎn)寫語(yǔ)法總結(jié)與使用技巧
我們?cè)诳淳帉懙腏S ES6代碼時(shí)經(jīng)常會(huì)看到許多簡(jiǎn)寫的語(yǔ)法,本篇文章就為大家一一介紹JavaScript ES6可以簡(jiǎn)寫的語(yǔ)法
2018-12-12
javascript 觸發(fā)事件列表比較不錯(cuò)
javascript 觸發(fā)事件列表，整理的一些js的事件，一般常用的就是onclick,onmouseover等。大家可以了解下，方便以后應(yīng)用。
2009-09-09
JavaScript函數(shù)表達(dá)式詳解及實(shí)例
這篇文章主要介紹了JavaScript函數(shù)表達(dá)式詳解及實(shí)例的相關(guān)資料,需要的朋友可以參考下
2017-05-05
javascript編程起步（第五課）
javascript編程起步（第五課）...
2007-02-02
JavaScript 入門·JavaScript 具有全范圍的運(yùn)算符
JavaScript 入門·JavaScript 具有全范圍的運(yùn)算符...
2007-10-10