javaScript中的this

this是JavaScript中的一個關鍵字疟丙。它代表函數(shù)運行時,自動生成的一個內(nèi)部對象重窟,只能在函數(shù)內(nèi)部使用载萌。比如:

function  a(){
     this.x  = 1;
}

隨著函數(shù)使用場合的不同,this的值會發(fā)生變化,所以要分析this所在的函數(shù)是當做哪個對象的方法調(diào)用的扭仁,則該對象就是this所引用的對象可缚。
this的使用一般有以下四種情況:

普通函數(shù)調(diào)用

普通函數(shù)調(diào)用屬于全局性調(diào)用,this就代表了全局變量斋枢。
比如:

const x = 1;
function a(){
     console.log(this.x);
}
a(); // 輸出為1

此時的this指的就是全局變量global,最后一句其實就等價于

window.a();//輸出為1
對象的方法調(diào)用

在 JavaScript 中知给,函數(shù)也是對象瓤帚,因此函數(shù)可以作為一個對象的屬性,此時該函數(shù)被稱為該對象的方法涩赢,在使用這種調(diào)用方式時戈次,this 被自然綁定到該對象。

const a = { 
 x : 1,
 y : function(x) { 
     console.log(this.x);
     } 
 }; 
 a.y(0); // 輸出1筒扒,this綁定到當前對象怯邪,即a對象

在這段代碼中,function(x){}這個函數(shù)就是a對象的一個方法花墩,所以此時的this就是a對象悬秉。

構(gòu)造函數(shù)調(diào)用

JavaScript 支持面向?qū)ο笫骄幊蹋c主流的面向?qū)ο笫骄幊陶Z言不同冰蘑,JavaScript 并沒有類的概念和泌,而是使用原型繼承方式。相應的祠肥,JavaScript 中的構(gòu)造函數(shù)也很特殊武氓,如果不使用 new 調(diào)用,則和普通函數(shù)一樣仇箱。一般構(gòu)造函數(shù)以大寫字母開頭县恕,如果調(diào)用正確,this 綁定到新創(chuàng)建的對象上剂桥。

function a(){
  this.x = 1;
}
const b = new a();
console.log(b.x); //輸出1
apply調(diào)用

apply()是函數(shù)對象的一個方法忠烛,它的作用是改變函數(shù)的調(diào)用對象,它的第一個參數(shù)就表示改變后的調(diào)用這個函數(shù)的對象渊额。所以this指的就是這第一個參數(shù)况木。

const x = 0;
const a = { 
 x : 1,
 y : function() { 
     console.log(this.x);
     } 
 }; 
a.y.apply(); // 輸出0

apply()的參數(shù)為空時,默認調(diào)用全局對象旬迹。因此火惊,這時的運行結(jié)果為0,證明this指的是全局對象奔垦。
若將給apply()傳入?yún)?shù)屹耐,即

a.y.apply(a); // 輸出1

則表明此時的this指的是對象a

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市惶岭,隨后出現(xiàn)的幾起案子寿弱,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,657評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異默色,居然都是意外死亡拂苹,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,889評論 3 394
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事艇挨。” “怎么了韭赘?”我有些...
    開封第一講書人閱讀 164,057評論 0 354
  • 文/不壞的土叔 我叫張陵缩滨,是天一觀的道長。 經(jīng)常有香客問我泉瞻,道長脉漏,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,509評論 1 293
  • 正文 為了忘掉前任袖牙,我火速辦了婚禮鸠删,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘贼陶。我一直安慰自己刃泡,他們只是感情好,可當我...
    茶點故事閱讀 67,562評論 6 392
  • 文/花漫 我一把揭開白布碉怔。 她就那樣靜靜地躺著烘贴,像睡著了一般。 火紅的嫁衣襯著肌膚如雪撮胧。 梳的紋絲不亂的頭發(fā)上桨踪,一...
    開封第一講書人閱讀 51,443評論 1 302
  • 那天,我揣著相機與錄音芹啥,去河邊找鬼锻离。 笑死,一個胖子當著我的面吹牛墓怀,可吹牛的內(nèi)容都是我干的汽纠。 我是一名探鬼主播,決...
    沈念sama閱讀 40,251評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼傀履,長吁一口氣:“原來是場噩夢啊……” “哼虱朵!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,129評論 0 276
  • 序言:老撾萬榮一對情侶失蹤碴犬,失蹤者是張志新(化名)和其女友劉穎絮宁,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體服协,經(jīng)...
    沈念sama閱讀 45,561評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡绍昂,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,779評論 3 335
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了偿荷。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片治专。...
    茶點故事閱讀 39,902評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖遭顶,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情泪蔫,我是刑警寧澤棒旗,帶...
    沈念sama閱讀 35,621評論 5 345
  • 正文 年R本政府宣布,位于F島的核電站撩荣,受9級特大地震影響铣揉,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜餐曹,卻給世界環(huán)境...
    茶點故事閱讀 41,220評論 3 328
  • 文/蒙蒙 一逛拱、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧台猴,春花似錦朽合、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,838評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至休讳,卻和暖如春讲婚,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背俊柔。 一陣腳步聲響...
    開封第一講書人閱讀 32,971評論 1 269
  • 我被黑心中介騙來泰國打工筹麸, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人雏婶。 一個月前我還...
    沈念sama閱讀 48,025評論 2 370
  • 正文 我出身青樓物赶,卻偏偏與公主長得像,于是被迫代替她去往敵國和親留晚。 傳聞我的和親對象是個殘疾皇子块差,可洞房花燭夜當晚...
    茶點故事閱讀 44,843評論 2 354

推薦閱讀更多精彩內(nèi)容