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)文章
Javascript創(chuàng)建類(lèi)和對(duì)象詳解
使用Javascript創(chuàng)建類(lèi)和對(duì)象的方法有很多，現(xiàn)在就來(lái)列舉一下：1、原始的創(chuàng)建方法，2、工廠方法模式，3、構(gòu)造方法模式，4、動(dòng)態(tài)原型方法。下面我們就來(lái)通過(guò)實(shí)例詳細(xì)看下2017-05-05
JavaScript 學(xué)習(xí)筆記之?dāng)?shù)據(jù)類(lèi)型
javascript數(shù)據(jù)類(lèi)型非常簡(jiǎn)單，僅僅包含undefined、null、string、Boolean、number以及object，今天我們就針對(duì)這幾個(gè)數(shù)據(jù)類(lèi)型，一一進(jìn)行講解，方便大家理解記憶2015-01-01
詳解js運(yùn)算符單豎杠“|”與“||”的用法和作用介紹
在js開(kāi)發(fā)應(yīng)用中我們通常會(huì)碰到“|”與“||”了，那么在運(yùn)算中“|”與“||”是什么意思呢？本篇文章主要介紹了詳解js運(yùn)算符單豎杠“|”與“||”的用法，有需要的可以了解一下。2016-11-11
Javascript學(xué)習(xí)筆記之 對(duì)象篇（三） : hasOwnProperty
判斷一個(gè)屬性是定義在對(duì)象本身而不是繼承自原型鏈，我們需要使用從 Object.prototype 繼承而來(lái)的 hasOwnProperty 方法。 hasOwnProperty 方法是 Javascript 中唯一一個(gè)處理對(duì)象屬性而不會(huì)往上遍歷原型鏈的。2014-06-06
js中一維數(shù)組和二位數(shù)組中的幾個(gè)問(wèn)題示例說(shuō)明
這篇文章主要介紹了js中一維數(shù)組和二位數(shù)組中的幾個(gè)問(wèn)題，并給出對(duì)應(yīng)的解決方法,需要的朋友可以參考下2014-07-07
這篇文章主要介紹了JavaScript 庫(kù)的相關(guān)資料，文中講解非常細(xì)致，幫助大家更好的理解和學(xué)習(xí)JavaScript，感興趣的朋友可以了解下2020-07-07
深入理解JavaScript系列（39）：設(shè)計(jì)模式之適配器模式詳解
這篇文章主要介紹了深入理解JavaScript系列（39）：設(shè)計(jì)模式之適配器模式詳解,適配器模式（Adapter）是將一個(gè)類(lèi)（對(duì)象）的接口（方法或?qū)傩裕┺D(zhuǎn)化成客戶(hù)希望的另外一個(gè)接口（方法或?qū)傩裕?需要的朋友可以參考下2015-03-03
javascript學(xué)習(xí)筆記（八）正則表達(dá)式
這篇文章本來(lái)很早就要寫(xiě)的，主要介紹一下javascript正則表達(dá)式，拖了挺久的，現(xiàn)在整理下，供大家學(xué)習(xí)交流哈！2014-10-10
javascript與java有什么關(guān)系（區(qū)別與相似）
Java和JavaScript的編程語(yǔ)言，名稱(chēng)聽(tīng)起來(lái)相似，但卻是兩個(gè)公司開(kāi)發(fā)的不同的產(chǎn)品。Java是SUN公司推出的新一代面向?qū)ο蟮某绦蛟O(shè)計(jì)語(yǔ)言，特別適合于Internet應(yīng)用程序開(kāi)發(fā)；而JavaScript是Netscape公司的產(chǎn)品，可以嵌入Web頁(yè)面中的基于對(duì)象和事件驅(qū)動(dòng)的解釋性語(yǔ)言。2023-02-02
歷史上的某一天是星期幾？未來(lái)的某一天是星期幾？關(guān)于這個(gè)問(wèn)題，有很多計(jì)算公式,其中最著名的是蔡勒（Zeller）公式2012-12-12