快捷導(dǎo)航

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)文章

利用JS延遲加載百度分享代碼,提高網(wǎng)頁速度
相信大家經(jīng)常在一些網(wǎng)站上看到有快捷分享到各大流行網(wǎng)站的按鈕，目前流行的有JiaThis、百度分享、Bshare等，目前用百度分享的居多
2013-07-07
給js文件傳參數(shù)(詳解)
這篇文章主要介紹了給js文件傳參數(shù)的方法,需要的朋友可以參考下
2014-07-07
javascript操作table(insertRow,deleteRow,insertCell,deleteCell方
本篇文章主要介紹了javascript操作table(insertRow,deleteRow,insertCell,deleteCell方法)需要的朋友可以過來參考下，希望對大家有所幫助
2013-12-12
JavaScript?異步函數(shù)?Promisification?處理詳情
這篇文章主要介紹了JavaScript異步函數(shù)Promisification處理詳情，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價值，需要的小伙伴可以參考一下
2022-08-08
Node調(diào)試工具JSHint的安裝及配置教程
Node的優(yōu)勢我就不再亂吹捧了，它讓javascript統(tǒng)一web的前后臺成為了可能。但是對于新手來說，server端的JS代碼可能不像client端的代碼那么好調(diào)試，直觀。client端JS代碼的調(diào)試基本上經(jīng)歷了一個從“肉眼--alert()--firebug(或者其它的developer tools)”的一個過程。而對于server端的調(diào)試，可能新手仍然停留在使用“肉眼--console()”的階段。其實，Node經(jīng)過了這么多年（雖然才短短幾年）的發(fā)展，也有了很多不錯的第三方的調(diào)試工具。包括Node內(nèi)建的調(diào)試工具debugger、node-inspector等。
2014-05-05
[js+css]點擊隱藏層,點擊另外層不能隱藏原層
[js+css]點擊隱藏層,點擊另外層不能隱藏原層...
2007-03-03
純js實現(xiàn)打字機(jī)效果
這篇文章主要為大家詳細(xì)介紹了純js實現(xiàn)打字機(jī)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-10-10
js動態(tài)加載以及確定加載完成的代碼
利用js動態(tài)加載js文件到頁面，并在確定加載完成后調(diào)用相關(guān)function
2011-07-07
給localStorage設(shè)置一個過期時間的方法分享
我們都知道localStorage不主動刪除,永遠(yuǎn)不會銷毀，那么如何設(shè)置localStorage的過期時間呢？下面這篇文章主要給大家介紹了關(guān)于如何給localStorage設(shè)置一個過期時間的相關(guān)資料，需要的朋友可以參考下
2018-11-11
微信、QQ、微博、Safari中使用js喚起App
本篇文章主要介紹了js在微信、微博、QQ、Safari喚起App的解決方案，有這方面需要的朋友參考下吧。
2018-01-01