關(guān)于js中的this指向解析

????????剛開始很多人學(xué)習(xí)編程的時(shí)候搪泳,大多人使用的是命令式編程或者面向,這種模式易于理解,但是對于一些復(fù)雜系統(tǒng)來說脏榆,面向?qū)ο缶幊谈哂袃?yōu)勢。面向?qū)ο缶幊炭偟膩碚f是建立對象思想坞生,這個(gè)對象里面集成了屬性是己,方法沛厨,提供了一個(gè)作用域this逆皮,然后可以通過this拿到對象在某個(gè)時(shí)刻的屬性值或者方法。所以清楚的認(rèn)識this是每個(gè)程序員必備的技能包剿牺,話不多說我們通過幾種this的使用來探究this的指向問題(非嚴(yán)格模式下):

? ? ? ? 1:this在函數(shù)中的使用

? ? ? ? 相信大家都聽過關(guān)于函數(shù)的this指向是誰調(diào)用該函數(shù)this就指向誰,這句話基本沒有錯(cuò)潜索,但是和實(shí)際情況又有點(diǎn)不同,我們先來說說他的符合部分:

? ? ? ? 附上代碼

圖片1
圖片2

的確通過全局調(diào)用function a瞎领,this指向全局window九默,this.user引用的也是全局的user變量殿遂,符合誰調(diào)用指向誰,但是大多數(shù)時(shí)候因?yàn)槊嫦驅(qū)ο缶幊潭骶玻院瘮?shù)會(huì)被坐位一個(gè)屬性封裝在對象中咬荷,那么在對象中函數(shù)的this我們也可以來探究:

? ? 附上代碼


圖片3


圖片4

? ? 由圖片4的結(jié)果可以在對象中定義的函數(shù)屬性不管嵌套多少層調(diào)用罕扎,this指向離他最近的上一層,即通過bigObj來調(diào)用obj的方法時(shí),在js的運(yùn)行機(jī)制里面解讀為obj的直接調(diào)用。

現(xiàn)在我們再次探討一下在函數(shù)中的函數(shù)自調(diào)用抡柿,this的指向又是什么樣的結(jié)果囱稽,

附上代碼


圖5


圖6

結(jié)果可見函數(shù)內(nèi)部的函數(shù)自調(diào)用時(shí),其實(shí)相當(dāng)于在全局調(diào)用粮坞,this的指向依舊是全局window互例;

2:this在構(gòu)造函數(shù)中的使用

附上代碼


圖片7


圖片8

以上結(jié)果可見對于構(gòu)造函數(shù)來說this的指向是該構(gòu)造函數(shù)的實(shí)例

另外js還提供了改變this指向的3種方法call ,apply,bind,通過函數(shù)調(diào)用

附上代碼


圖片9


圖片10

對于call平痰,apply,bind的調(diào)用規(guī)則大致都是一樣的觉增,但是還是有些許的不同

call和apply的不同點(diǎn)在于兵拢,apply傳參的是一個(gè)數(shù)組,而bind返回的是一個(gè)回調(diào)函數(shù)逾礁,需要得到結(jié)果需要再次調(diào)用说铃,嘹履,,

以上為個(gè)人學(xué)習(xí)文檔砾嫉,有錯(cuò)誤之處,還望指點(diǎn)~

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末舶沿,一起剝皮案震驚了整個(gè)濱河市配并,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌溉旋,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,084評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件邑闲,死亡現(xiàn)場離奇詭異,居然都是意外死亡州邢,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,623評論 3 392
  • 文/潘曉璐 我一進(jìn)店門偷霉,熙熙樓的掌柜王于貴愁眉苦臉地迎上來褐筛,“玉大人,你說我怎么就攤上這事硫狞』纬眨” “怎么了残吩?”我有些...
    開封第一講書人閱讀 163,450評論 0 353
  • 文/不壞的土叔 我叫張陵倘核,是天一觀的道長。 經(jīng)常有香客問我活尊,道長漏益,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,322評論 1 293
  • 正文 為了忘掉前任铜犬,我火速辦了婚禮轻庆,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘余爆。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,370評論 6 390
  • 文/花漫 我一把揭開白布转捕。 她就那樣靜靜地躺著,像睡著了一般五芝。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上沉删,一...
    開封第一講書人閱讀 51,274評論 1 300
  • 那天醉途,我揣著相機(jī)與錄音,去河邊找鬼隘擎。 笑死,一個(gè)胖子當(dāng)著我的面吹牛采幌,可吹牛的內(nèi)容都是我干的震桶。 我是一名探鬼主播,決...
    沈念sama閱讀 40,126評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼磨取,長吁一口氣:“原來是場噩夢啊……” “哼淤堵!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起拐邪,我...
    開封第一講書人閱讀 38,980評論 0 275
  • 序言:老撾萬榮一對情侶失蹤扎阶,失蹤者是張志新(化名)和其女友劉穎汹胃,沒想到半個(gè)月后东臀,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,414評論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡宰掉,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,599評論 3 334
  • 正文 我和宋清朗相戀三年轨奄,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片挪拟。...
    茶點(diǎn)故事閱讀 39,773評論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡玉组,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出惯雳,到底是詐尸還是另有隱情,我是刑警寧澤吨凑,帶...
    沈念sama閱讀 35,470評論 5 344
  • 正文 年R本政府宣布鸵钝,位于F島的核電站,受9級特大地震影響恩商,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜揽乱,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,080評論 3 327
  • 文/蒙蒙 一粟矿、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧陌粹,春花似錦、人聲如沸或舞。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,713評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽邮破。三九已至仆救,卻和暖如春队询,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,852評論 1 269
  • 我被黑心中介騙來泰國打工送膳, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人叠聋。 一個(gè)月前我還...
    沈念sama閱讀 47,865評論 2 370
  • 正文 我出身青樓受裹,卻偏偏與公主長得像,于是被迫代替她去往敵國和親棉饶。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,689評論 2 354

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