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