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