快捷導(dǎo)航

淺析JavaScript中var that=this

更新時(shí)間：2017年02月17日 09:19:35 作者：翎汐

this是Javascript語言的一個(gè)關(guān)鍵字。它代表函數(shù)運(yùn)行時(shí)，自動(dòng)生成的一個(gè)內(nèi)部對(duì)象，只能在函數(shù)內(nèi)部使用。接下來通過本文給大家分享JavaScript中var that=this所代表的意思，需要的朋友參考下吧

在閱讀別人的代碼時(shí)，發(fā)現(xiàn)別人寫的代碼中有這么一句：var that = this;，這代表什么意思呢？經(jīng)過一番查閱，才明白是這么回事。

在JavaScript中，this代表的是當(dāng)前對(duì)象。

var that=this就是將當(dāng)前的this對(duì)象復(fù)制一份到that變量中。這樣做有什么意義呢？

$(‘#conten').click(function(){
//this是被點(diǎn)擊的#conten
var that = this;
$(‘.conten').each(function(){
//this是.conten循環(huán)中當(dāng)前的對(duì)象
//that仍然是剛才被點(diǎn)擊的#conten
});
});

可以看到，this對(duì)象在程序中隨時(shí)會(huì)改變，而var that=this之后，that沒改變之前仍然是指向當(dāng)時(shí)的this，這樣就不會(huì)出現(xiàn)找不到原來的對(duì)象。

以上所述是小編給大家介紹的淺析JavaScript中var that=this，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

微信域名檢測(cè)接口調(diào)用演示步驟（含PHP、Python）
這篇文章主要介紹了微信域名檢測(cè)接口調(diào)用演示步驟（含PHP、Python），文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-12-12
33種Javascript 表格排序控件收集
收集的33個(gè)表格排序空間，需要的朋友可以參考下。自從選擇。
2009-12-12
無限循環(huán)輪播圖之運(yùn)動(dòng)框架(原生JS實(shí)現(xiàn))
下面小編就為大家?guī)硪黄獰o限循環(huán)輪播圖之運(yùn)動(dòng)框架(原生JS實(shí)現(xiàn))。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-10-10
微信小程序之側(cè)邊欄滑動(dòng)實(shí)現(xiàn)過程解析（附完整源碼）
這篇文章主要介紹了微信小程序之側(cè)邊欄滑動(dòng)實(shí)現(xiàn)過程解析（附完整源碼）,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2019-08-08
IE8利用自帶的setCapture和releaseCapture解決iframe的拖拽事件方法
最近有個(gè)需求須要實(shí)現(xiàn)左右拖拽功能，頁面右邊是個(gè)iframe頁面，在chrome測(cè)試通過之后，發(fā)現(xiàn)在ie8上面效果不是很理想，查閱相關(guān)資料找到可以使用ie自帶的setCapture和releaseCapture來解決,需要的朋友可以參考下
2016-10-10
JavaScript中的作用域與閉包、原型與原型鏈、異步與單線程
JavaScript的三座大山指的是:作用域和閉包、原型和原型鏈、異步與單線程,這些概念在日常的開發(fā)工作中經(jīng)常被提及,并對(duì)我們理解和編寫高質(zhì)量的JavaScript代碼至關(guān)重要
2024-02-02
圖片動(dòng)畫橫條廣告帶上下滾動(dòng)的JS代碼
可以自定義廣告的圖片、鏈接、長(zhǎng)、寬等。光標(biāo)移到圖片上會(huì)出現(xiàn)左右箭頭，有需要的朋友可以參考一下
2013-10-10
JavaScript條件判斷_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
JavaScript使用if () { ... } else { ... }來進(jìn)行條件判斷。下通過語句代碼給大家詳細(xì)介紹js 條件判斷的基本知識(shí)，需要的的朋友參考下吧
2017-06-06
js中動(dòng)態(tài)創(chuàng)建json,動(dòng)態(tài)為json添加屬性、屬性值的實(shí)例
下面小編就為大家?guī)硪黄猨s中動(dòng)態(tài)創(chuàng)建json,動(dòng)態(tài)為json添加屬性、屬性值的實(shí)例。小編覺的挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-12-12
JavaScript中十種一步拷貝數(shù)組的方法實(shí)例詳解
JavaScript中我們經(jīng)常會(huì)遇到拷貝數(shù)組的場(chǎng)景，但是都有哪些方式能夠來實(shí)現(xiàn)呢，我們不妨來梳理一下，感興趣的朋友跟隨小編一起看看吧
2019-04-04