JavaScript this指向總結(jié)

this是 JavaScript 語言的一個關(guān)鍵字趾浅,它是函數(shù)/方法運行時弛作,在函數(shù)/方法內(nèi)部自動生成的一個對象涕蜂,只能在函數(shù)/方法內(nèi)部使用。

在不同使用場合映琳,this有不同的值机隙。總的來說萨西,this就是函數(shù)/方法運行時所在的環(huán)境對象有鹿。下面分四種情況,詳細討論this的用法谎脯。

1.函數(shù)調(diào)用:單純作為函數(shù)調(diào)用時屬于全局性調(diào)用葱跋,因此this就代表全局對象(window)


2.作為對象的方法調(diào)用:函數(shù)作為對象的方法被調(diào)用,那么this指向這個直接調(diào)用方法的對象(如果是二級對象源梭,那么指向被調(diào)用方法最近的對象)娱俺。


3.構(gòu)造函數(shù)中的this:指向創(chuàng)建的函數(shù)實例


4.箭頭函數(shù)中的this:箭頭函數(shù)本身沒有this指向,它會捕獲自己定義所處的外層執(zhí)行環(huán)境(即父級作用域里的this)废麻,并且繼承這個this值,指向當前定義時所在的對象荠卷。箭頭函數(shù)的this指向在被定義的時候就確定了,之后永遠都不會改變烛愧。即使使用call()僵朗、apply()、bind()等方法改變this指向也不可以屑彻。

例子:定義了全局變量isObject验庙,那么此處箭頭函數(shù)被定義時出于window中,此時this指向window對象

5.當一個元素被綁定事件處理函數(shù)時社牲,this指向被點擊的這個元素粪薛。

6.嚴格模式下(‘use strict’),沒有this搏恤,this為undefind

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末违寿,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子熟空,更是在濱河造成了極大的恐慌藤巢,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,284評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件息罗,死亡現(xiàn)場離奇詭異掂咒,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,115評論 3 395
  • 文/潘曉璐 我一進店門绍刮,熙熙樓的掌柜王于貴愁眉苦臉地迎上來温圆,“玉大人,你說我怎么就攤上這事孩革∷昵福” “怎么了?”我有些...
    開封第一講書人閱讀 164,614評論 0 354
  • 文/不壞的土叔 我叫張陵膝蜈,是天一觀的道長锅移。 經(jīng)常有香客問我,道長饱搏,這世上最難降的妖魔是什么非剃? 我笑而不...
    開封第一講書人閱讀 58,671評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮窍帝,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘诽偷。我一直安慰自己坤学,他們只是感情好,可當我...
    茶點故事閱讀 67,699評論 6 392
  • 文/花漫 我一把揭開白布报慕。 她就那樣靜靜地躺著深浮,像睡著了一般。 火紅的嫁衣襯著肌膚如雪眠冈。 梳的紋絲不亂的頭發(fā)上飞苇,一...
    開封第一講書人閱讀 51,562評論 1 305
  • 那天,我揣著相機與錄音蜗顽,去河邊找鬼布卡。 笑死,一個胖子當著我的面吹牛雇盖,可吹牛的內(nèi)容都是我干的忿等。 我是一名探鬼主播,決...
    沈念sama閱讀 40,309評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼崔挖,長吁一口氣:“原來是場噩夢啊……” “哼贸街!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起狸相,我...
    開封第一講書人閱讀 39,223評論 0 276
  • 序言:老撾萬榮一對情侶失蹤薛匪,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后脓鹃,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體逸尖,經(jīng)...
    沈念sama閱讀 45,668評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,859評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了冷溶。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片渐白。...
    茶點故事閱讀 39,981評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖逞频,靈堂內(nèi)的尸體忽然破棺而出纯衍,到底是詐尸還是另有隱情,我是刑警寧澤苗胀,帶...
    沈念sama閱讀 35,705評論 5 347
  • 正文 年R本政府宣布襟诸,位于F島的核電站,受9級特大地震影響基协,放射性物質(zhì)發(fā)生泄漏歌亲。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,310評論 3 330
  • 文/蒙蒙 一澜驮、第九天 我趴在偏房一處隱蔽的房頂上張望陷揪。 院中可真熱鬧,春花似錦杂穷、人聲如沸悍缠。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,904評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽飞蚓。三九已至,卻和暖如春廊蜒,著一層夾襖步出監(jiān)牢的瞬間趴拧,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,023評論 1 270
  • 我被黑心中介騙來泰國打工山叮, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留著榴,地道東北人。 一個月前我還...
    沈念sama閱讀 48,146評論 3 370
  • 正文 我出身青樓屁倔,卻偏偏與公主長得像兄渺,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子汰现,可洞房花燭夜當晚...
    茶點故事閱讀 44,933評論 2 355

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

  • JS中this的指向有些復(fù)雜挂谍,分為較多種的情況。此外瞎饲,在嚴格模式[https://developer.mozill...
    振翅大魔王閱讀 529評論 0 1
  • 前置知識:作用域與this 要想徹底明白 的行為口叙,就要明白作用域和 的關(guān)系。中采用的詞法作用域嗅战,即在函數(shù)聲明時妄田,就...
    阿羨吖閱讀 224評論 0 0
  • 瀏覽器環(huán)境 在全局作用域中俺亮,this的指向是window對象 ES5函數(shù)中this的指向 在非嚴格模式下,函數(shù)中的...
    劉樸閱讀 364評論 0 0
  • 全局環(huán)境下 在全局環(huán)境下,this 始終指向全局對象(window), 無論是否嚴格模式疟呐; 函數(shù)上下文調(diào)用 函數(shù)直...
    簡單tao的簡單閱讀 247評論 0 0
  • 1.概念 在JavaScript中脚曾,this 是指當前函數(shù)中正在執(zhí)行的上下文環(huán)境,因為這門語言擁有四種不同的函數(shù)調(diào)...
    BluesCurry閱讀 1,130評論 0 2