在 JavaScript 中，有一個名為“Promise.all”的方法，它允許您并行運行一系列 Promise。然而，有時您可能想連續履行您的承諾。如果您想確保每個 Promise 依次執行，或者需要在執行下一個 Promise 時使用一個 Promise 的結果，這會很有用。
有一些您可以通過不同的方式在 JavaScript 中連續運行一系列 Promise。在本文中，我們將介紹其中的一些。
Promise.prototype.then()
串聯運行 Promise 數組的一種方法是鏈接使用 then() 方法將它們組合在一起。該方法接受一個函數作為輸入，該函數將在 Promise 完成后執行。
示例
<html>
<head>
<title>Examples</title>
</head>
<body>
<div id="result1"></div>
<div id="result2"></div>
<div id="result3"></div>
<script>
Promise.resolve(1) .then(result => {
document.getElementById("result1").innerHTML = result
return Promise.resolve(2);
}) .then(result => {
document.getElementById("result2").innerHTML = result
return Promise.resolve(3);
}) .then(result => {
document.getElementById("result3").innerHTML = result
});
</script>
</body>
</html>
登錄后復制
如您所見，我們使用 then() 方法將三個 Promise 鏈接在一起。第一個 Promise 解析為值 1，并顯示該值。第二個 Promise 解析為值 2，該值也被顯示。最后，第三個 Promise 解析為值 3，并顯示該值。
因為“then”方法返回一個 Promise，所以我們可以通過這種方式將 Promise 鏈接在一起以創建一個系列。
for-await-of
串聯運行 Promise 數組的另一種方法是使用“for-await-of”循環。此循環允許您在 for 循環內使用await 關鍵字。 wait 關鍵字暫停代碼的執行，直到承諾得到履行。
示例
這是一個示例 –
<html>
<head>
<title>Example- for-await-of</title>
</head>
<body>
<script>
async function runPromisesInSeries() {
for await (const promise of [
Promise.resolve(1),
Promise.resolve(2),
Promise.resolve(3),
]) {
const result = await promise;
document.write(result);
document.write("<br>")
}
}
runPromisesInSeries();
</script>
</body>
</html>
登錄后復制
在此示例中，我們有一個包含“for-await-of”循環的異步函數。該循環迭代一系列 Promise。對于數組中的每個承諾，我們等待承諾得到履行。一旦履行了 Promise，就會顯示該值。
使用庫
如果您需要比本機 Promise API 提供的更多功能，您可以使用 Bluebird 等庫或問：這些庫提供了使用 Promise 的附加方法。
例如，Bluebird 提供了一種“映射”方法，允許您將值數組映射到 Promise 數組，然后等待所有值要兌現的承諾 –
const Promise = require('bluebird');
Promise.map([1, 2, 3], x => {
return Promise.resolve(x * 2);
}).then(results => {
console.log(results); // [2, 4, 6]
});
登錄后復制
結論
在本文中，我們了解了在 JavaScript 中連續運行一系列 Promise 的幾種不同方法。我們已經了解了如何使用“then”方法將 Promise 鏈接在一起，如何使用“for-await-of”循環，以及如何使用 Bluebird 或 Q 等庫。
以上就是如何在 JavaScript 中連續運行給定的 Promise 數組？的詳細內容，更多請關注www.92cms.cn其它相關文章！
