日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

箭頭函數中this與call()方法的關系

作者:GjenFly 更新時間: 2022-11-29 編程語言

今天學習到this指向內容,它與call、apply和bind的關系,其中知識點有這么一句話:在箭頭函數中,this由詞法/靜態作用域設置(set lexically)。它被設置為包含它的execution context的this,并且不再被調用方式影響(call/apply/bind)。
最開始我還沒了解到具體的操作是怎么樣的,然后知道做了一個實驗才明白其中的道理。
我是寫了這么一個代碼

var foo = () => this

var obj = {
  a: 'aaa',
  b: 'bbb'
}

console.log(foo.call(obj))

最開始我對這個程序的預想的效果是,定義一個foo的箭頭函數體使里面this指向全局對象,然后定義一個obj對象并在內寫入內容,最后log打印使用call()方法是this指向obj里面的內容
可是調試出來的結果卻是this指向的依舊是全局對象,反復修改發現還是做不到預想效果,結果才回想起開頭的那句話。由于箭頭函數中的this是被靜態作用域設置,即函數被定義的時候就決定了一切,所以呢,就算怎么改變this的指向,它還是會指向原來的對象,即全局對象。這樣我才明白為什么我一直做不到預期的效果了。同樣,除了call()方法外,apply()和bind()方法也同樣改變不了this原本的指向對象。

原文鏈接:https://blog.csdn.net/GjenFly/article/details/104315773

欄目分類
最近更新