成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

經(jīng)典面試題 for循環(huán)內(nèi)setTimeout順序輸出的解法

TNFE / 1288人閱讀

摘要：這道題挺經(jīng)典的，輸出結(jié)果是什么呢結(jié)果是毫秒之后，輸出個隔一秒輸出在上乘個就行原因是，循環(huán)在主線程內(nèi)，是異步方法，在任務(wù)隊列里面，只有主線程執(zhí)行完后，任務(wù)隊列才執(zhí)行，此時的值已經(jīng)是，所以得到結(jié)果是個那么怎么解決呢其實思路很容易，只要每次循環(huán)把

for (var i = 0; i < 5; i++) {
    setTimeout(() => {
        console.log(i)
    }, 1000);
}

這道題挺經(jīng)典的，輸出結(jié)果是什么呢？結(jié)果是1000毫秒之后，輸出5個5（隔一秒輸出在1000上乘個i就行）
原因是，for循環(huán)在主線程內(nèi)，setTimeout是異步方法，在任務(wù)隊列里面，只有主線程執(zhí)行完后，任務(wù)隊列才執(zhí)行，此時i的值已經(jīng)是5，所以得到結(jié)果是5個5

那么怎么解決呢？其實思路很容易，只要每次循環(huán)把當前的i值傳入setTimeout內(nèi)即可

方法1：使用let

for (let i = 0; i < 5; i++) {
    setTimeout(() => {
        console.log(i)
    }, 1000);
}

使用let 相當于每次循環(huán)的時候都新建了1個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第三個參數(shù)傳入i(是的，你沒看錯，setTimeout還有第三個參數(shù))

for (var i = 1; i <= 5; i++) {
    setTimeout((i) => console.log(i),1000,i);
}

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/93800.html

相關(guān)文章

  • JavaScript系列——JavaScript同步、異步、回調(diào)執(zhí)行順序之經(jīng)典閉包setTimeou

    摘要：同步異步回調(diào)傻傻分不清楚。分割線上面主要講了同步和回調(diào)執(zhí)行順序的問題，接著我就舉一個包含同步異步回調(diào)的例子。同步優(yōu)先回調(diào)內(nèi)部有個，第二個是一個回調(diào)回調(diào)墊底。異步也，輪到回調(diào)的孩子們回調(diào)，出來執(zhí)行了。 同步、異步、回調(diào)？傻傻分不清楚。 大家注意了，教大家一道口訣： 同步優(yōu)先、異步靠邊、回調(diào)墊底（讀起來不順） 用公式表達就是： 同步 => 異步 => 回調(diào) 這口訣有什么用呢？用來對付面試的...

    lewif 評論0 收藏0

  • JavaScript系列——JavaScript同步、異步、回調(diào)執(zhí)行順序之經(jīng)典閉包setTimeou

    摘要：同步異步回調(diào)傻傻分不清楚。分割線上面主要講了同步和回調(diào)執(zhí)行順序的問題，接著我就舉一個包含同步異步回調(diào)的例子。同步優(yōu)先回調(diào)內(nèi)部有個，第二個是一個回調(diào)回調(diào)墊底。異步也，輪到回調(diào)的孩子們回調(diào)，出來執(zhí)行了。 同步、異步、回調(diào)？傻傻分不清楚。 大家注意了，教大家一道口訣： 同步優(yōu)先、異步靠邊、回調(diào)墊底（讀起來不順） 用公式表達就是： 同步 => 異步 => 回調(diào) 這口訣有什么用呢？用來對付面試的...

    rockswang 評論0 收藏0

  • 8道經(jīng)典JavaScript面試題解析，你真的掌握JavaScript了嗎？

    摘要：瀏覽器的主要組成包括有調(diào)用堆棧，事件循環(huán)，任務(wù)隊列和。好了，現(xiàn)在有了前面這些知識，我們可以看一下這道題的講解過程實現(xiàn)步驟調(diào)用會將函數(shù)放入調(diào)用堆棧。由于調(diào)用堆棧是空的，事件循環(huán)將選擇回調(diào)并將其推入調(diào)用堆棧進行處理。進程再次重復(fù)，堆棧不會溢出。 JavaScript是前端開發(fā)中非常重要的一門語言，瀏覽器是他主要運行的地方。JavaScript是一個非常有意思的語言，但是他有很多一些概念，大...

    taowen 評論0 收藏0

  • 用一道大廠面試題帶你搞懂事件循環(huán)機制

    本文涵蓋 面試題的引入 對事件循環(huán)面試題執(zhí)行順序的一些疑問 通過面試題對微任務(wù)、事件循環(huán)、定時器等對深入理解 結(jié)論總結(jié) 面試題 面試題如下，大家可以先試著寫一下輸出結(jié)果，然后再看我下面的詳細講解，看看會不會有什么出入，如果把整個順序弄清楚 Node.js 的執(zhí)行順序應(yīng)該就沒問題了。 async function async1(){ console.log(async1 start) ...

    ShowerSun 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<