Promise.all() 方法接受一個包含 Promise 對象或普通值的數(shù)組(或其它可迭代對象)作為參數(shù)，并返回一個 Promise。當(dāng)所有 Promise 對象都 resolve 后，將所有 resolve 值以數(shù)組形式作為 Promise.all() resolve 的結(jié)果。如果其中之一的 Promise 被 reject，立即以第一個 reject 的值作為 Promise.all() reject 結(jié)果。
在實際應(yīng)用中，如果需要從幾個接口獲取數(shù)據(jù)，并且要在所有數(shù)據(jù)到達(dá)后才執(zhí)行某些操作，就可以使用Promise.all()。
const p1 = new Promise(function (resolve) { setTimeout(resolve, 200, 1) })
const p2 = Promise.resolve(2)
const p3 = 3
Promise.all([p1, p2, p3]).then(function (res) { console.log(res) }) // [1,2,3]以下是代碼實現(xiàn)，需要一個計數(shù)器，來確認(rèn)所有 promise 對象都已經(jīng) resolved，之后返回結(jié)果。需要一個數(shù)組，按順序記錄返回結(jié)果。如果使用類似 for (var i = 0; i < iterable[i]; i++) 的方式遍歷，為避免閉包只能傳入變量引用的問題，需要嵌套一層自執(zhí)行函數(shù)。這里使用 for ... in 循環(huán)，使函數(shù)可以支持除數(shù)組外的其它可迭代對象，如數(shù)據(jù)結(jié)構(gòu) Set。
const all = function (iterable) {
return new Promise(function (resolve, reject) {
let count = 0, ans = new Array(count)
for (const i in iterable) {
const v = iterable[i]
if (typeof v === 'object' && typeof v.then === 'function') {
v.then(function (res) {
ans[i] = res
if (--count === 0) resolve(ans)
}, reject)
count++
} else {
ans[i] = v
}
}
})
}
const p1 = new Promise(function (resolve) { setTimeout(resolve, 200, 1) })
const p2 = Promise.resolve(2)
const p3 = 3
all([p1, p2, p3]).then(function (res) { console.log(res) }) // [1,2,3]同 Promise.all()，Promise.race() 方法接受一個包含 Promise 對象或普通值的數(shù)組(或其它可迭代對象)作為參數(shù)，并返回一個 Promise。一旦其中之一的 Promise 對象 resolve 以后，立即把 resolve 的值作為 Promise.race() resolve 的結(jié)果。如果其中之一的對象 reject，Promise.race也會立即 reject。
在實際應(yīng)用中，如果可以從幾個接口獲取相同的數(shù)據(jù)，哪個接口數(shù)據(jù)先到就先用哪個，就可以使用Promise.race()，所需時間等于其中最快的那個接口。下面是代碼：
const race = function (iterable) {
return new Promise(function (resolve, reject) {
for (const i in iterable) {
const v = iterable[i]
if (typeof v === 'object' && typeof v.then === 'function') {
v.then(resolve, reject)
} else {
resolve(v)
}
}
})
}
const p1 = new Promise(function (resolve) { setTimeout(resolve, 200, 1) })
const p2 = new Promise(function (resolve) { setTimeout(resolve, 100, 2) })
race([p1, p2]).then(function (res) { console.log(res) }) // 2聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
Copyright ? 2019-2025 51dongshi.com 版權(quán)所有
違法及侵權(quán)請聯(lián)系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市萬商天勤律師事務(wù)所王興未律師提供法律服務(wù)
