手写一个Promise.all函数

Promise.__proto__.myAll = function(promises) {
      let results = []
      let n = promises.length
      return new Promise((resolve,reject)=>{
        for(let i=0;i<n;i++) {
          promises[i].then(res=>{
            results[i] = res
            if(i==n-1) {
              resolve(results)
            }
          },err=>{
            reject(err)
          })
        }
      })
    }

测试:

let promise1 = Promise.resolve(1);
    let promise2 = Promise.resolve(2);
    let promise3 = Promise.resolve(3);

    Promise.myAll([promise1, promise2, promise3])
      .then(results => {
        console.log(results); // [1, 2, 3]
      })
      .catch(reason => {
        console.log(reason,"err");
      });

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 可以使用以下代码一个 `Promise.all` 函数: ``` function PromiseAll(promises) { return new Promise((resolve, reject) => { if (!Array.isArray(promises)) { return reject(new TypeError('Promise.all requires an array')); } const results = []; let remaining = promises.length; function resolver(index) { return value => { resolveAll(index, value); }; } function rejecter(reason) { reject(reason); } function resolveAll(index, value) { results[index] = value; if (--remaining === 0) { resolve(results); } } for (let i = 0; i < promises.length; i++) { Promise.resolve(promises[i]).then(resolver(i), rejecter); } }); } ``` 该函数接受一个包含多个 Promise 实例的数组,并返回一个新的 Promise 实例。如果传入的不是一个数组,则返回一个 reject 状态的 Promise 实例,并将一个 TypeError 作为原因。 如果传入的数组中的所有 Promise 都是 fulfilled 状态,则返回的 Promise 实例也是 fulfilled 状态,并将所有 Promise 的返回值作为一个数组传递给它的回调函数。如果传入的数组中至少有一个 Promise 是 rejected 状态,则返回的 Promise 实例也是 rejected 状态,并将第一个被 reject 的 Promise 的原因作为参数传递给它的回调函数。 你可以像使用标准的 `Promise.all` 函数一样使用这个函数。例如: ``` PromiseAll([promise1, promise2, promise3]).then(values => { console.log(values); // [value1, value2, value3] }).catch(reason => { console.error(reason); }); ``` 希望这对你有帮助! ### 回答2: Promise.all是JavaScript中的一个方法,用于将多个Promise对象封装为一个新的Promise对象。当所有的Promise状态都变为resolved时,返回的Promise才会变为resolved状态;如果有任意一个Promise被rejected,返回的Promise就会变为rejected状态。 下面是一个Promise.all的简单实现: ```javascript function myPromiseAll(promises) { return new Promise((resolve, reject) => { // 传入的参数不是数组或者为空,则直接返回resolved状态的Promise if (!Array.isArray(promises) || promises.length === 0) { return resolve([]); } let count = 0; const resultArray = []; for (let i = 0; i < promises.length; i++) { Promise.resolve(promises[i]) .then((result) => { resultArray[i] = result; count++; // 当所有Promise都变成resolved状态时,返回结果数组 if (count === promises.length) { resolve(resultArray); } }) .catch(reject); // 有任意一个Promise被rejected,则返回rejected状态的Promise } }); } ``` 这个Promise.all方法接受一个Promise数组作为参数。首先判断传入的参数是否为一个数组,若不是数组或为空,则直接返回一个resolved状态的Promise,并将结果数组设置为空数组。 接着,定义一个计数器count,用于记录已经变为resolved状态的Promise的数目。同时创建一个空数组resultArray,用于存储每个Promise的结果。 使用for循环遍历传入的Promise数组,调用Promise.resolve方法将每个Promise对象转换为Promise类型,以确保每个元素都是一个Promise对象。 在每个Promise对象上调用then方法,当其状态变为resolved时,将结果存入resultArray数组,并将计数器加1。当所有的Promise都变为resolved状态时,通过调用resolve方法返回结果数组。 如果有任意一个Promise被rejected,就会调用catch方法,并将错误信息传给reject方法,返回一个rejected状态的Promise。 这个Promise.all实现了基本的功能,用于同时处理多个Promise对象,并可以根据情况返回resolved或rejected状态的Promise。 ### 回答3: Promise.all是一个用于并行执行多个promise的方法,当所有的promise都变为resolved状态时,它才会变为resolved状态,并返回一个包含所有promise结果的数组;如果其中一个promise变为rejected状态,那么Promise.all也会变为rejected状态,并返回第一个被rejected的promise的错误信息。 下面是一个简单的Promise.all的示例: ```javascript function myPromiseAll(promises) { return new Promise((resolve, reject) => { const results = []; let count = 0; for (let i = 0; i < promises.length; i++) { promises[i].then((result) => { results[i] = result; count++; if (count === promises.length) { resolve(results); } }).catch((error) => { reject(error); }); } }); } ``` 这个Promise.all接受一个包含多个promise的数组作为参数,通过循环遍历每一个promise,使用then方法处理其resolved状态的情况,将结果保存到results数组中,并通过计数器count来判断是否所有的promise都已完成。当所有的promise都完成时,调用resolve方法将结果传递给外部;如果有任何一个promise被rejected,通过catch方法捕捉错误并调用reject方法将错误信息传递给外部。 这只是一个简单的Promise.all示例,实际上,Promise.all还有很多其他的功能和细节需要考虑,例如处理空数组或非promise值的情况,以及对结果顺序的保持等,但以上代码可以作为一个基本的示例来理解Promise.all的工作原理。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值