如何在 JavaScript ES6 Promise for 迴圈中實作非同步連結？

具有非同步連結的JavaScript ES6 Promise for 循環

在提供的程式碼中，嘗試建立一個迭代10 次的for 循環，並為每個循環建立一個Promise迭代。然而，循環同步執行，導致不可預測的輸出。目標是確保每個 Promise 僅在前一個 Promise 解決後運行。

Promisifying setTimeout

為了方便解決方案，我們定義了一個名為的輔助函數承諾setTimeout 函數的延遲：

const delay = ms => new Promise(resolve => setTimeout(resolve, ms));

建立異步Promise

為了確保非同步執行，我們建立一個立即解析的初始 Promise。每個後續的 Promise 都連結到前一個 Promise：

let p = Promise.resolve();
for (let i = 0; i < 10; i++) {
    p = p.then(() => delay(Math.random() * 1000))
         .then(() => console.log(i));
}

這個方法確保每次循環迭代都會建立一個 Promise，該 Promise 在前一個 Promise 完成後解析。 console.log(i) 語句將以正確的順序執行，列印 0 到 9 的值。

以上是如何在 JavaScript ES6 Promise for 迴圈中實作非同步連結？的詳細內容。更多資訊請關注PHP中文網其他相關文章！