实现一个Promise.all

用js自己实现一个Promise.all

let promiseAll = (promises) => {
    return new Promise((resolve, reject) => {
        // 用来存储每个promise的返回值
        let values = new Array(promises.length);
        // 当前已经完成了几个promise
        let finishCount = 0;

        for (let i = 0; i < promises.length; ++i) {
            let promise = promises[i];
            promise.then(val => {
                values[i] = val;
                ++finishCount;
                if (finishCount === promises.length) {
                  resolve(values);
                }
            }).catch(err => {
              reject(err)
            })
        }
    });
};

转载于:https://www.cnblogs.com/forzhaokang/p/10362685.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: Promise.all是JavaScript中的一个静态方法,它接受一个Promise对象的数组作为参数,并返回一个新的Promise对象。这个新的Promise对象在所有传入的Promise对象都完成(无论成功还是失败)之后才会完成。如果传入的所有Promise对象都成功完成,则新的Promise对象也会成功完成,否则它会失败。 例如,假设我们有两个异步操作:一个是从服务器获取用户信息,另一个是从服务器获取用户的订单信息。我们可以使用Promise.all来等待这两个操作都完成,然后执行一些操作: ``` Promise.all([getUserInfo(), getOrderInfo()]).then(function(results) { // results is an array with the results of the two promises // do something with the results }); ``` 如果你想自己实现Promise.all,你可以这样做: ``` function myPromiseAll(promises) { return new Promise(function(resolve, reject) { // track the number of promises that have resolved var resolvedCount = 0; // array to store the results of the promises var results = []; // iterate through the promises promises.forEach(function(promise, index) { // resolve the promise promise.then(function(result) { // store the result results[index] = result; // increment the count resolvedCount++; // if all promises have resolved, resolve the main promise if (resolvedCount === promises.length) { resolve(results); } }).catch(function(error) { // if any of the promises fail, reject the main promise reject(error); }); }); }); } ``` 这个函数接受一个Promise对象的数组,并返回一个新的Promise对象。它会依次解决所有 ### 回答2: Promise.all是一个用于将多个Promise对象包装成一个新的Promise对象的方法。当所有的Promise都成功完成时,新的Promise对象才会成功,如果有任何一个Promise失败,则新的Promise对象将失败。 下面是一个实现Promise.all的简单例子: ```javascript function promiseAll(promises) { return new Promise((resolve, reject) => { let results = []; let count = 0; promises.forEach((promise, index) => { Promise.resolve(promise).then((result) => { results[index] = result; count++; if(count === promises.length) { resolve(results); } }).catch((error) => { reject(error); }); }); }); } ``` 我们首先创建一个新的Promise对象,并且定义一个空数组`results`用于保存每个Promise的结果,以及一个计数器`count`用于记录成功完成的Promise数量。 然后遍历传入的Promise数组,将每个Promise都转换为resolved状态的Promise对象,然后使用`then`方法获取其结果,将结果保存在`results`数组中,并将`count`增加1。 当所有的Promise都成功完成时,也就是`count`等于传入的Promise数量时,我们调用`resolve`方法并传入`results`数组,使新的Promise对象进入resolved状态。 如果有任何一个Promise失败,我们则直接调用`reject`方法将新的Promise对象置为rejected状态。 综上所述,上面的函数就是一个简单的实现Promise.all的例子。 ### 回答3: 实现一个`Promise.all`是指在一个时间点同时对多个promise进行并行处理,并且等待所有promise都完成后才返回结果。我们可以使用原生JavaScript来实现这个功能。 首先,我们需要创建一个包装函数,接收一个promise数组作为参数,返回一个新的promise。然后,我们使用`Promise.all`的形式迭代每个传入的promise,并使用`Promise.resolve`确保每个值都是promise对象。 在迭代过程中,我们可以使用`Promise.all`返回的新promise的`then`方法来等待所有的promise都成功后再执行回调函数。在这个回调函数中,我们可以将所有promise的结果以数组的形式进行返回。 如果其中一个promise被拒绝(rejected),我们可以使用catch方法来捕获拒绝的promise并将其返回。这样就可以确保即使有一个promise被拒绝,整个`Promise.all`函数仍然可以正常运行。 下面是一个示例的实现代码: ```javascript function promiseAll(promises) { return new Promise((resolve, reject) => { let results = []; let completedPromises = 0; const totalPromises = promises.length; if (totalPromises === 0) { resolve(results); } for (let i = 0; i < totalPromises; i++) { Promise.resolve(promises[i]).then((result) => { results[i] = result; completedPromises++; // 所有的promise都已完成,返回结果数组 if (completedPromises === totalPromises) { resolve(results); } }).catch((error) => { reject(error); }); } }); } ``` 使用上述函数,我们可以通过传入一个promise数组来处理多个异步操作,并在所有promise都成功完成后获取结果。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值