Promise的幾個(gè)擴(kuò)展API總結(jié)

1. Promise.none

描述：

和 Promise.all 相反，當(dāng)所有的promise被拒絕之后，none方法執(zhí)行完成的決議，如果存在一個(gè)promise執(zhí)行完成的決議，none方法則執(zhí)行拒絕

code：

Promise.none = function(promises) {return Promise.all(promises.map(promise => {return new Promise((resolve, reject) => {// Promise.all里邊的所有promise實(shí)例反過來就好了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 // 執(zhí)行到此})const promisesForNoneTest2= [Promise.reject('1'),Promise.reject('2'),Promise.reject('3'),Promise.reject('4'),]Promise.none(promisesForNoneTest2).then(res => {debugger // 執(zhí)行到此}, res => {debugger })

2. Promise.any

描述：

忽略被拒絕的promise，只需要有一個(gè)完成的promise，any方法就執(zhí)行完成操作，如果全部的promise都被拒絕，any方法執(zhí)行拒絕操作

code：

Promise.any = function(promises) {const result = []return Promise.all(promises.map(promise => {// 控制Promise.all處理的所有的promise都執(zhí)行reslove決議return Promise.resolve(promise).then(res => {// 但是只記錄實(shí)際上決議為resolve的結(jié)果值result.push(res)}, () => {// 防止穿透，這里可以進(jìn)行拒絕信息的返回}) })).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 // 執(zhí)行到此，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 // 執(zhí)行到此})

3. Promise.first

描述：

類似race，但是只要有一個(gè)promise決議為完成（忽略前邊被拒絕的promise），就忽略后邊的promise

code：

Promise.first = function(promises) {return new Promise((resolve, reject) => {let rejectNum = 0promises.forEach(promise => {// 如果當(dāng)前 promise 決議為reslove，那就直接執(zhí)行"根promise"的resolve// 否則去記錄到拒絕的promise中，然后判斷全部的promise拒絕了，執(zhí)行"根promise"的rejectPromise.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 // 執(zhí)行到此，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 // 執(zhí)行到此})

4. Promise.map

描述：

在第二個(gè)方法 any 中，用到了Promise.all的方法，里邊使用Array.prototype.map方法處理了所有的的promise，當(dāng)前這個(gè)Promise.map方法則希望把他倆弄到一起

Promise.map方法希望實(shí)現(xiàn)一個(gè)處理批量異步操作的并行迭代方法，本質(zhì)上是利用Promise.all進(jìn)行二次封裝

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 // 執(zhí)行到此，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 // 執(zhí)行到此，res為 "3"})

總結(jié)

以上是生活随笔為你收集整理的Promise的几个扩展API总结的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。