js中的this關(guān)鍵字詳解
更新時(shí)間：2013年09月25日 15:23:07 作者：
this是Javascript語言的一個(gè)關(guān)鍵字它代表函數(shù)運(yùn)行時(shí)，自動(dòng)生成的一個(gè)內(nèi)部對象，只能在函數(shù)內(nèi)部使用,下面分四種情況，詳細(xì)討論this的用法，感興趣的朋友可以了解下
this是Javascript語言的一個(gè)關(guān)鍵字。
它代表函數(shù)運(yùn)行時(shí)，自動(dòng)生成的一個(gè)內(nèi)部對象，只能在函數(shù)內(nèi)部使用。比如，
function test(){
this.x = 1;
}
隨著函數(shù)使用場合的不同，this的值會(huì)發(fā)生變化。但是有一個(gè)總的原則，那就是this指的是，調(diào)用函數(shù)的那個(gè)對象。
下面分四種情況，詳細(xì)討論this的用法。
情況一：純粹的函數(shù)調(diào)用
這是函數(shù)的最通常用法，屬于全局性調(diào)用，因此this就代表全局對象Global。
請看下面這段代碼，它的運(yùn)行結(jié)果是1。
function test(){
this.x = 1;
alert(this.x);
}
test(); // 1
為了證明this就是全局對象，我對代碼做一些改變：
var x = 1;
function test(){
alert(this.x);
}
test(); // 1
運(yùn)行結(jié)果還是1。再變一下：
var x = 1;
function test(){
this.x = 0;
}
test();
alert(x); //0
情況二：作為對象方法的調(diào)用
函數(shù)還可以作為某個(gè)對象的方法調(diào)用，這時(shí)this就指這個(gè)上級對象。
function test(){
alert(this.x);
}
var o = {};
o.x = 1;
o.m = test;
o.m(); // 1
情況三 作為構(gòu)造函數(shù)調(diào)用
所謂構(gòu)造函數(shù)，就是通過這個(gè)函數(shù)生成一個(gè)新對象（object）。這時(shí)，this就指這個(gè)新對象。
function test(){
this.x = 1;
}
var o = new test();
alert(o.x); // 1
運(yùn)行結(jié)果為1。為了表明這時(shí)this不是全局對象，我對代碼做一些改變：
var x = 2;
function test(){
this.x = 1;
}
var o = new test();
alert(x); //2
運(yùn)行結(jié)果為2，表明全局變量x的值根本沒變。
情況四 apply調(diào)用
apply()是函數(shù)對象的一個(gè)方法，它的作用是改變函數(shù)的調(diào)用對象，它的第一個(gè)參數(shù)就表示改變后的調(diào)用這個(gè)函數(shù)的對象。因此，this指的就是這第一個(gè)參數(shù)。
var x = 0;
function test(){
alert(this.x);
}
var o={};
o.x = 1;
o.m = test;
o.m.apply(); //0
apply()的參數(shù)為空時(shí)，默認(rèn)調(diào)用全局對象。因此，這時(shí)的運(yùn)行結(jié)果為0，證明this指的是全局對象。
如果把最后一行代碼修改為
o.m.apply(o); //1
運(yùn)行結(jié)果就變成了1，證明了這時(shí)this代表的是對象o
它代表函數(shù)運(yùn)行時(shí)，自動(dòng)生成的一個(gè)內(nèi)部對象，只能在函數(shù)內(nèi)部使用。比如，
復(fù)制代碼 代碼如下:
function test(){
this.x = 1;
}
隨著函數(shù)使用場合的不同，this的值會(huì)發(fā)生變化。但是有一個(gè)總的原則，那就是this指的是，調(diào)用函數(shù)的那個(gè)對象。
下面分四種情況，詳細(xì)討論this的用法。
情況一：純粹的函數(shù)調(diào)用
這是函數(shù)的最通常用法，屬于全局性調(diào)用，因此this就代表全局對象Global。
請看下面這段代碼，它的運(yùn)行結(jié)果是1。
復(fù)制代碼 代碼如下:
function test(){
this.x = 1;
alert(this.x);
}
test(); // 1
為了證明this就是全局對象，我對代碼做一些改變：
復(fù)制代碼 代碼如下:
var x = 1;
function test(){
alert(this.x);
}
test(); // 1
運(yùn)行結(jié)果還是1。再變一下：
復(fù)制代碼 代碼如下:
var x = 1;
function test(){
this.x = 0;
}
test();
alert(x); //0
情況二：作為對象方法的調(diào)用
函數(shù)還可以作為某個(gè)對象的方法調(diào)用，這時(shí)this就指這個(gè)上級對象。
復(fù)制代碼 代碼如下:
function test(){
alert(this.x);
}
var o = {};
o.x = 1;
o.m = test;
o.m(); // 1
情況三 作為構(gòu)造函數(shù)調(diào)用
所謂構(gòu)造函數(shù)，就是通過這個(gè)函數(shù)生成一個(gè)新對象（object）。這時(shí)，this就指這個(gè)新對象。
復(fù)制代碼 代碼如下:
function test(){
this.x = 1;
}
var o = new test();
alert(o.x); // 1
運(yùn)行結(jié)果為1。為了表明這時(shí)this不是全局對象，我對代碼做一些改變：
復(fù)制代碼 代碼如下:
var x = 2;
function test(){
this.x = 1;
}
var o = new test();
alert(x); //2
運(yùn)行結(jié)果為2，表明全局變量x的值根本沒變。
情況四 apply調(diào)用
apply()是函數(shù)對象的一個(gè)方法，它的作用是改變函數(shù)的調(diào)用對象，它的第一個(gè)參數(shù)就表示改變后的調(diào)用這個(gè)函數(shù)的對象。因此，this指的就是這第一個(gè)參數(shù)。
復(fù)制代碼 代碼如下:
var x = 0;
function test(){
alert(this.x);
}
var o={};
o.x = 1;
o.m = test;
o.m.apply(); //0
apply()的參數(shù)為空時(shí)，默認(rèn)調(diào)用全局對象。因此，這時(shí)的運(yùn)行結(jié)果為0，證明this指的是全局對象。
如果把最后一行代碼修改為
復(fù)制代碼 代碼如下:
o.m.apply(o); //1
運(yùn)行結(jié)果就變成了1，證明了這時(shí)this代表的是對象o
相關(guān)文章
這篇文章主要介紹了原生js一行代碼實(shí)現(xiàn)簡易輪播圖功能，本文通過實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2019-06-06
基于BootStrap與jQuery.validate實(shí)現(xiàn)表單提交校驗(yàn)功能
學(xué)習(xí)前臺后臺最開始接觸的業(yè)務(wù)都是用戶注冊和登錄,下面通過本文給大家介紹BootStrap與jQuery.validate實(shí)現(xiàn)表單提交校驗(yàn)功能，感興趣的朋友一起學(xué)習(xí)吧2016-12-12
Javascript延遲執(zhí)行實(shí)現(xiàn)方法(setTimeout)
延遲執(zhí)行，其實(shí)就是用到了setTimeout這個(gè)函數(shù)。善于利用這個(gè)函數(shù)，可以減少很多ajax的請求，以及dom操作。2010-12-12
這篇文章主要介紹了微信小程序中如何獲取和傳遞參數(shù),包括獲取當(dāng)前頁面參數(shù)、單獨(dú)input文本框參數(shù)的獲取、表單獲取參數(shù)信息、點(diǎn)擊表格單元格信息獲取行ID以及前端頁面跳轉(zhuǎn)傳遞多個(gè)參數(shù)等,感興趣的朋友跟隨小編一起看看吧2025-01-01
這篇文章主要介紹了微信小程序如何播放騰訊視頻的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09
js substr支持中文截取函數(shù)代碼(中文是雙字節(jié))
js substr支持中文截取函數(shù)代碼,中文是雙字節(jié)，配有實(shí)例需要的朋友可以參考下2013-04-04
JS實(shí)現(xiàn)點(diǎn)擊表頭表格自動(dòng)排序（含數(shù)字、字符串、日期）
這篇文章主要介紹了利用JS如何實(shí)現(xiàn)點(diǎn)擊表頭后表格自動(dòng)排序，其中包含數(shù)字排序、字符串排序以及日期格式的排序，文中給出了完整的示例代碼，相信對大家具有一定的參考價(jià)值，感興趣的朋友們一起來看看吧。2017-01-01
在html和xml文件中，往往會(huì)因?yàn)橐韵绿厥庾址鴮?dǎo)致文件解析出錯(cuò)，一般通過以下函數(shù)來處理。2009-04-04
JavaScript字符串插入、刪除、替換函數(shù)使用示例
本文為大家介紹下JavaScript字符串的插入、刪除、替換函數(shù)的在實(shí)際中的應(yīng)用，想要學(xué)習(xí)的朋友可以參考下哈，希望對初學(xué)者有所幫助2013-07-07
實(shí)際應(yīng)用中我們會(huì)遇到監(jiān)聽按鍵輸入和鼠標(biāo)點(diǎn)擊事件,這篇文章主要介紹了前端如何監(jiān)聽手機(jī)鍵盤是否彈起的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-02-02