資訊專欄INFORMATION COLUMN
摘要：這道題挺經(jīng)典的，輸出結(jié)果是什么呢結(jié)果是毫秒之后，輸出個(gè)隔一秒輸出在上乘個(gè)就行原因是，循環(huán)在主線程內(nèi)，是異步方法，在任務(wù)隊(duì)列里面，只有主線程執(zhí)行完后，任務(wù)隊(duì)列才執(zhí)行，此時(shí)的值已經(jīng)是，所以得到結(jié)果是個(gè)那么怎么解決呢其實(shí)思路很容易，只要每次循環(huán)把
for (var i = 0; i < 5; i++) {
setTimeout(() => {
console.log(i)
}, 1000);
}
這道題挺經(jīng)典的，輸出結(jié)果是什么呢？結(jié)果是1000毫秒之后，輸出5個(gè)5（隔一秒輸出在1000上乘個(gè)i就行）
原因是，for循環(huán)在主線程內(nèi)，setTimeout是異步方法，在任務(wù)隊(duì)列里面，只有主線程執(zhí)行完后，任務(wù)隊(duì)列才執(zhí)行，此時(shí)i的值已經(jīng)是5，所以得到結(jié)果是5個(gè)5
那么怎么解決呢？其實(shí)思路很容易，只要每次循環(huán)把當(dāng)前的i值傳入setTimeout內(nèi)即可
方法1：使用let
for (let i = 0; i < 5; i++) {
setTimeout(() => {
console.log(i)
}, 1000);
}
使用let 相當(dāng)于每次循環(huán)的時(shí)候都新建了1個(gè)i并為其賦值
方法2：定義函數(shù)并傳值
for (var i = 0; i < 5; i++) {
function a(i) {
setTimeout(() => {
console.log(i)
}, 1000);
}
a(i)
}
方法3：IIFE（立即執(zhí)行函數(shù)）
for (var i = 1; i <= 5; i++) {
~function(i) {
setTimeout(() => {
console.log(i)
}, 1000);
}(i)
}
方法4：使用閉包
for (var i = 1; i <= 5; i++) {
setTimeout(
(i =>
() => console.log(i)
)(i), 1000);
}
方法5：setTimeout第三個(gè)參數(shù)傳入i(是的，你沒看錯(cuò)，setTimeout還有第三個(gè)參數(shù))
for (var i = 1; i <= 5; i++) {
setTimeout((i) => console.log(i),1000,i);
}
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/93800.html
摘要：同步異步回調(diào)傻傻分不清楚。分割線上面主要講了同步和回調(diào)執(zhí)行順序的問題，接著我就舉一個(gè)包含同步異步回調(diào)的例子。同步優(yōu)先回調(diào)內(nèi)部有個(gè)，第二個(gè)是一個(gè)回調(diào)回調(diào)墊底。異步也，輪到回調(diào)的孩子們回調(diào)，出來執(zhí)行了。 同步、異步、回調(diào)？傻傻分不清楚。 大家注意了，教大家一道口訣： 同步優(yōu)先、異步靠邊、回調(diào)墊底（讀起來不順） 用公式表達(dá)就是： 同步 => 異步 => 回調(diào) 這口訣有什么用呢？用來對(duì)付面試的...
摘要：同步異步回調(diào)傻傻分不清楚。分割線上面主要講了同步和回調(diào)執(zhí)行順序的問題，接著我就舉一個(gè)包含同步異步回調(diào)的例子。同步優(yōu)先回調(diào)內(nèi)部有個(gè)，第二個(gè)是一個(gè)回調(diào)回調(diào)墊底。異步也，輪到回調(diào)的孩子們回調(diào)，出來執(zhí)行了。 同步、異步、回調(diào)？傻傻分不清楚。 大家注意了，教大家一道口訣： 同步優(yōu)先、異步靠邊、回調(diào)墊底（讀起來不順） 用公式表達(dá)就是： 同步 => 異步 => 回調(diào) 這口訣有什么用呢？用來對(duì)付面試的...
摘要：瀏覽器的主要組成包括有調(diào)用堆棧，事件循環(huán)，任務(wù)隊(duì)列和。好了，現(xiàn)在有了前面這些知識(shí)，我們可以看一下這道題的講解過程實(shí)現(xiàn)步驟調(diào)用會(huì)將函數(shù)放入調(diào)用堆棧。由于調(diào)用堆棧是空的，事件循環(huán)將選擇回調(diào)并將其推入調(diào)用堆棧進(jìn)行處理。進(jìn)程再次重復(fù)，堆棧不會(huì)溢出。 JavaScript是前端開發(fā)中非常重要的一門語言，瀏覽器是他主要運(yùn)行的地方。JavaScript是一個(gè)非常有意思的語言，但是他有很多一些概念，大...
本文涵蓋 面試題的引入 對(duì)事件循環(huán)面試題執(zhí)行順序的一些疑問 通過面試題對(duì)微任務(wù)、事件循環(huán)、定時(shí)器等對(duì)深入理解 結(jié)論總結(jié) 面試題 面試題如下，大家可以先試著寫一下輸出結(jié)果，然后再看我下面的詳細(xì)講解，看看會(huì)不會(huì)有什么出入，如果把整個(gè)順序弄清楚 Node.js 的執(zhí)行順序應(yīng)該就沒問題了。 async function async1(){ console.log(async1 start) ...
閱讀 3183·2021-11-08 13:18
閱讀 2317·2019-08-30 15:55
閱讀 3626·2019-08-30 15:44
閱讀 3095·2019-08-30 13:07
閱讀 2802·2019-08-29 17:20
閱讀 1975·2019-08-29 13:03
閱讀 3448·2019-08-26 10:32
閱讀 3246·2019-08-26 10:15
