JS ES6中setTimeout函數的執(zhí)行上下文示例
更新時間：2017年04月27日 11:11:45 作者：小小小小小亮
這篇文章主要給大家介紹了關于JS ES6中setTimeout函數的執(zhí)行上下文的相關資料，文中給出了詳細的介紹和示例代碼供大家參考學習，需要的朋友們下面來一起看看吧。
本文介紹的是setTimeout函數，延遲執(zhí)行函數里的執(zhí)行上下文，分享給大家供大家參考學習，來看看詳細的內容：
（1）ES5中，setTimeout里面的函數的執(zhí)行上下文為全局上下文，舉例來說：
function log(){
setTimeout(function(){console.log(this.id)},100)
}
var id=42
log.call({id:21})
//輸出的結果為42
我們可以看到setTimeout，被延遲執(zhí)行的函數，里面的this，指向的是全局作用域，也就是這個函數的上下文為全局上下文。
（2）在ES6的箭頭函數中，setTimeout里面，如果執(zhí)行了一個箭頭函數，那么這個函數的執(zhí)行上下文為定義這個箭頭函數所在的函數。
function log(){
setTimeout(()=>{
console.log(this.id)
},100)
}
var id=42;
log.call({id:21})
//這次輸出的是21
總結：
因為ES6中，箭頭函數的this，規(guī)定的指向定義這個箭頭函數所在的那個函數。于是這里箭頭函數里面的this,就固定bind了{id:21}。
好了，以上就是這篇文章的全部內容了，希望本文的內容對大家學習或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。
相關文章
截取字符串的使用比較廣泛，有很多中方法，本文粗略的整理了一些，感興趣的額朋友可以才參考下2013-10-10
Fundebug支持監(jiān)控微信小程序HTTP請求錯誤的方法
這篇文章主要介紹了Fundebug支持監(jiān)控微信小程序HTTP請求錯誤的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-02-02
js是弱類型語言，或者說是動態(tài)語言，在定義變量時我們可以不提前聲明變量的類型，也可以在變量聲明后賦予不同類型的值。所以本文為大家詳解一下JavaScript如何準確獲取任意變量的數據類型，需要的可以參考一下2022-06-06
在學習js過程中,經常會遇到同樣一個功能點 這樣實現(xiàn)也可以,那樣實現(xiàn)也可以。但是哪個方式最優(yōu)呢2020-08-08
本篇文章主要是對JS過濾url參數特殊字符的實現(xiàn)方法進行了詳細的分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
這篇文章主要介紹了js下劃線和駝峰互相轉換的實現(xiàn),文中通過示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2023-11-11
這篇文章主要為大家詳細介紹了PHP實現(xiàn)本地圖片上傳和驗證功能的相關資料，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
下面小編就為大家?guī)硪黄狵indeditor單獨調用多圖上傳實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
這篇文章主要介紹了taro開發(fā)微信小程序的實踐，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-05-05
javaScript??有三個經常會使用到的原始類型：stirng，number,boolean?。每一個在Typescript?都有一個相對應的類型。本文就來聊聊TypeScript中這些常用類型的使用，感興趣的可以了解一下2022-09-09