promise.all
使用方法
promise.all([promise1, promise2, promise]).then(([res1, res2, res3]) => {
}, (err) => {})
- 輸入是一個(gè)promise數(shù)組
- 輸出是一個(gè)promise對(duì)象
° resolve態(tài)：輸入的所有的promise全部正確返回，才會(huì)返回一個(gè)resolve態(tài)promise對(duì)象荣瑟。并且resolve態(tài)的結(jié)果值和參數(shù)傳入順序保持一致
° reject態(tài)：只要輸入的promise中有一個(gè)錯(cuò)誤的征炼，就返回那個(gè)錯(cuò)誤的結(jié)果（多個(gè)錯(cuò)誤結(jié)果返回第一個(gè)返回的錯(cuò)誤結(jié)果）
實(shí)現(xiàn)
function test(text = "666", time = 1000) {
return new Promise(function(resolve, reject){
setTimeout(function(){
resolve(text)
}, time)
})
}
let p1 = test("p1", 3000)
let p2 = test("p2", 1000)
let p3 = test("p3", 2000)
let pArr = [p1, p2, p3]
function promiseAll(promiseArr){
if(!Array.isArray(promiseArr)){
return "參數(shù)為數(shù)組"
}
return new Promise(function(resolve, reject){
let resolveValues = []
let resolveCount = 0
for(let i = 0; i < promiseArr.length; i++){
Promise.resolve(promiseArr[i]).then(function(res){
console.log("res", res)
// 和promise.race的主要差別
resolveCount++
resolveValues[i] = res
if(resolveCount === promiseArr.length){
resolve(resolveValues)
}
}, function(err){
reject(err)
})
}
})
}
promiseAll(pArr).then((res) => {
console.log("res", res)
}, (err) => {
console.log("err", err)
})
promise.race
使用方法
promise.race([promise1, promise2, promise]).then((res) => {
}, (err) => {})
- 輸入是一個(gè)promise數(shù)組
- 輸出是一個(gè)promise對(duì)象。輸出的是第一個(gè)返回的promise對(duì)象吼鱼。無(wú)論成功還是失敗
實(shí)現(xiàn)
function test(text = "666", time = 1000) {
return new Promise(function(resolve, reject){
setTimeout(function(){
resolve(text)
}, time)
})
}
let p1 = test("p1", 3000)
let p2 = test("p2", 1000)
let p3 = test("p3", 2000)
let pArr = [p1, p2, p3]
function promiseRace(promiseArr){
if(!Array.isArray(promiseArr)){
return "參數(shù)為數(shù)組"
}
return new Promise(function(resolve, reject){
for (let i = 0 ; i < promiseArr.length; i++){
Promise.resolve(promiseArr[i]).then((res)=>{
resolve(res) // 和promise.all的主要差別
},(err)=>{
reject(err)
})
}
})
}
promiseRace(pArr).then((res) => {
console.log("res", res)
}, (err) => {
console.log("err", err)
})
