javascript 中that的含義示例介紹
更新時(shí)間：2014年05月14日 09:47:14 作者：
var that = this;，這代表什么意思呢？this代表的是當(dāng)前對(duì)象，var that=this就是將當(dāng)前的this對(duì)象復(fù)制一份到that變量中，下面為大家介紹這樣做有什么意義
你可能會(huì)發(fā)現(xiàn)別人寫(xiě)的代碼中有這么一句：var that = this;，這代表什么意思呢？
在javascript中，this代表的是當(dāng)前對(duì)象。
var that=this就是將當(dāng)前的this對(duì)象復(fù)制一份到that變量中。這樣做有什么意義呢？
$('#zhetenga').click(function(){
//this是被點(diǎn)擊的#zhetenga
var that = this;
$('.zhetenga').each(function(){
//this是.zhetenga循環(huán)中當(dāng)前的對(duì)象
//that仍然是剛才被點(diǎn)擊的#zhetenga
});
});
可以看到，this對(duì)象在程序中隨時(shí)會(huì)改變，而var that=this之后，that沒(méi)改變之前仍然是指向當(dāng)時(shí)的this，這樣就不會(huì)出現(xiàn)找不到原來(lái)的對(duì)象。
在javascript中，this代表的是當(dāng)前對(duì)象。
var that=this就是將當(dāng)前的this對(duì)象復(fù)制一份到that變量中。這樣做有什么意義呢？
復(fù)制代碼 代碼如下:
$('#zhetenga').click(function(){
//this是被點(diǎn)擊的#zhetenga
var that = this;
$('.zhetenga').each(function(){
//this是.zhetenga循環(huán)中當(dāng)前的對(duì)象
//that仍然是剛才被點(diǎn)擊的#zhetenga
});
});
可以看到，this對(duì)象在程序中隨時(shí)會(huì)改變，而var that=this之后，that沒(méi)改變之前仍然是指向當(dāng)時(shí)的this，這樣就不會(huì)出現(xiàn)找不到原來(lái)的對(duì)象。
相關(guān)文章
圖解prototype、proto和constructor的三角關(guān)系
在javascript中，prototype、constructor以及__proto__之間有著“著名”的剪不斷理還亂的三角關(guān)系，樓主就著自己對(duì)它們的淺顯認(rèn)識(shí)，來(lái)粗略地理理以備忘，有不對(duì)之處還望斧正。2016-07-07
Javascript中自動(dòng)切換焦點(diǎn)實(shí)現(xiàn)代碼
本文提供Javascript中自動(dòng)切換焦點(diǎn)實(shí)例代碼,需要了解的朋友可以參考下2012-12-12
這篇文章主要介紹了JavaScript 閉包的相關(guān)資料,需要的朋友可以參考下2016-09-09
Javascript基礎(chǔ)教程之?dāng)?shù)組 array
Array是JavaScript中常用的類(lèi)型，并且JavaScript中的數(shù)組和其他語(yǔ)言的數(shù)組有比較大的區(qū)別。JavaScript中數(shù)組中存放的數(shù)據(jù)類(lèi)型不一定相同，而且數(shù)組的長(zhǎng)度也是可改變的。2015-01-01
這篇文章主要介紹了js閉包理解，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
JavaScript學(xué)習(xí)筆記之JS對(duì)象
這篇文章向我們?cè)敿?xì)介紹了javascript中的對(duì)象，包括默認(rèn)對(duì)象、數(shù)組對(duì)象、字符串對(duì)象、自定義對(duì)象，并通過(guò)示例對(duì)這4中對(duì)象做了對(duì)比分析，推薦給大家。2015-01-01
字符替換是一個(gè)非常重要的功能，javascript 中有一個(gè) String.replace( )，但是此方法有很多不為新手所知的妙用，如果用的好了，可以為您節(jié)省很多寶貴時(shí)間，還等什么？馬上進(jìn)來(lái)看看吧！2009-09-09
深入理解JavaScript系列（40）：設(shè)計(jì)模式之組合模式詳解
這篇文章主要介紹了深入理解JavaScript系列（40）：設(shè)計(jì)模式之組合模式詳解,組合模式（Composite）將對(duì)象組合成樹(shù)形結(jié)構(gòu)以表示“部分-整體”的層次結(jié)構(gòu),組合模式使得用戶(hù)對(duì)單個(gè)對(duì)象和組合對(duì)象的使用具有一致性,需要的朋友可以參考下2015-03-03
本文向大家簡(jiǎn)單介紹了javascript事件的屬性列表，非常的詳細(xì)，推薦給有相同需求的小伙伴們。2015-03-03
這篇文章主要為大家介紹了javascript工廠模式，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2022-01-01