乐趣区

Promise的几个扩展API总结

Promise 的几个扩展 API 总结
1. Promise.none
描述:
和 Promise.all 相反,当所有的 promise 被拒绝之后,none 方法执行完成的决议,如果存在一个 promise 执行完成的决议,none 方法则执行拒绝
code:
Promise.none = function(promises) {
return Promise.all(promises.map(promise => {
return new Promise((resolve, reject) => {
// Promise.all 里边的所有 promise 实例反过来就好了
return Promise.resolve(promise).then(reject, resolve)
})
}))
}
const promisesForNoneTest1= [
Promise.reject(‘1’),
Promise.reject(‘2’),
Promise.resolve(‘3’),
Promise.reject(‘4’),
]
Promise.none(promisesForNoneTest1).then(res => {
debugger
}, res => {
debugger // 执行到此
})

const promisesForNoneTest2= [
Promise.reject(‘1’),
Promise.reject(‘2’),
Promise.reject(‘3’),
Promise.reject(‘4’),
]
Promise.none(promisesForNoneTest2).then(res => {
debugger // 执行到此
}, res => {
debugger
})
2. Promise.any
描述:
忽略被拒绝的 promise,只需要有一个完成的 promise,any 方法就执行完成操作,如果全部的 promise 都被拒绝,any 方法执行拒绝操作
code:
Promise.any = function(promises) {
const result = []
return Promise.all(promises.map(promise => {
// 控制 Promise.all 处理的所有的 promise 都执行 reslove 决议
return Promise.resolve(promise).then(res => {
// 但是只记录实际上决议为 resolve 的结果值
result.push(res)
}, () => {
// 防止穿透,这里可以进行拒绝信息的返回
})
})).then(() => {
return new Promise((resolve, reject) => {
if (result.length > 0) resolve(result)
else reject(result)
})
})
}
const promisesForAnyTest1= [
Promise.reject(‘1’),
Promise.resolve(‘2’),
Promise.reject(‘3’),
Promise.resolve(‘4’),
Promise.resolve(‘5’),
]

Promise.any(promisesForAnyTest1).then(res => {
debugger // 执行到此,res 为 [‘2’, ‘4’, ‘5’]
}, res => {
debugger
})

const promisesForAnyTest2= [
Promise.reject(‘1’),
Promise.reject(‘2’),
Promise.reject(‘3’),
Promise.reject(‘4’),
Promise.reject(‘5’),
]

Promise.any(promisesForAnyTest2).then(res => {
debugger
}, res => {
debugger // 执行到此
})
3. Promise.first
描述:
类似 race,但是只要有一个 promise 决议为完成(忽略前边被拒绝的 promise),就忽略后边的 promise
code:
Promise.first = function(promises) {
return new Promise((resolve, reject) => {
let rejectNum = 0
promises.forEach(promise => {
// 如果当前 promise 决议为 reslove,那就直接执行 ” 根 promise” 的 resolve
// 否则去记录到拒绝的 promise 中,然后判断全部的 promise 拒绝了,执行 ” 根 promise” 的 reject
Promise.resolve(promise).then(resolve, () => {
if (++rejectNum === promises.length) {
// 这里可以控制 reject 返回的信息
reject()
}
})
})
})
}
const promisesForFirstTest1= [
Promise.reject(‘1’),
Promise.resolve(‘2’),
Promise.reject(‘3’),
Promise.resolve(‘4’),
]
Promise.first(promisesForFirstTest1).then(res => {
debugger // 执行到此,res 为 ‘2’
}, res => {
debugger
})

const promisesForFirstTest2= [
Promise.reject(‘1’),
Promise.resolve(‘2’),
Promise.reject(‘3’),
Promise.resolve(‘4’),
]
Promise.first(promisesForFirstTest2).then(res => {
debugger
}, res => {
debugger // 执行到此
})
4. Promise.map
描述:
在第二个方法 any 中,用到了 Promise.all 的方法,里边使用 Array.prototype.map 方法处理了所有的的 promise,当前这个 Promise.map 方法则希望把他俩弄到一起
Promise.map 方法希望实现一个处理批量异步操作的并行迭代方法,本质上是利用 Promise.all 进行二次封装
code:
Promise.map = function(promises, resolveCallback, rejectCallback) {
return Promise.all(promises.map(promise => {
return Promise.resolve(promise).then(result => {
return resolveCallback(result)
}, error => {
return Promise.reject(rejectCallback(error))
})
}))
}
const promisesForMapTest1= [
Promise.resolve(‘1’),
Promise.resolve(‘2’),
Promise.resolve(‘3’),
Promise.resolve(‘4’),
]

Promise.map(promisesForMapTest1, result => {
return result * 100
}, result => {
return result
}).then(res => {
debugger // 执行到此,res 为 [100, 200, 300, 400]
}, res => {
debugger
})

const promisesForMapTest2= [
Promise.resolve(‘1’),
Promise.resolve(‘2’),
Promise.reject(‘3’),
Promise.resolve(‘4’),
]

Promise.map(promisesForMapTest2, result => {
return result * 100
}, result => {
return result
}).then(res => {
debugger
}, res => {
debugger // 执行到此,res 为 “3”
})

退出移动版