如何搭建购物网站,施工企业财务工作总结及工作计划,竞猜网站模板,哪个网站做网站好简介#xff1a; Promise.all是JavaScript中一种用于处理多个Promise对象的方法#xff0c;该方法接收一个数组作为参数#xff0c;并返回一个新的Promise对象。 这个新的对象会在所有Promise对象都成功解析后解析#xff0c;解析的结果是一个数组#xff0c;包含了所有P…简介 Promise.all是JavaScript中一种用于处理多个Promise对象的方法该方法接收一个数组作为参数并返回一个新的Promise对象。 这个新的对象会在所有Promise对象都成功解析后解析解析的结果是一个数组包含了所有Promise对象解析后的结果。 解析时如果任何一个Promise对象失败则这个新的Promise实例会立即失败并返回第一个失败的Promise对象的错误信息。 Promise.all不会改变原有的Promise对象的状态原有的 Promise 对象仍会按照自己的状态fulfilled或rejected进行解析。 那么Promise.all的具体实现过程是怎样的今天来记录学习下话不多说直接上代码和注释
// 手写Promise.all方法
Promise.myPromiseAll function (props) {// 这里定义res、rej变量在Promsie内部赋值// 这样外部就可以直接调用res()、rej()方法let res, rej;// 这里定义promise1用于最后返回最终状态const promise1 new Promise((resolve, reject) {res resolve;rej reject;});//定义i 表示Promise对象的数量let i 0;// 定义result 用于存储每个成功Promise的结果const result [];//定义fulfilled 用于追踪已完成的Promise数量let fulfilled 0;// 这里不能使用.length判断props数组长度因为他有可能是一些别的可迭代对象// 所以这里使用for of循环Promise的参数propsfor of可以循环任意的可迭代对象for (const item of props) {// 这里保存的数据下标index用于赋值成功后的data数据形成闭包环境const index i;// 这里每循环一次i加1表示Promise数量i;// 这里循环拿到的不一定是一个Promise所以使用Promise.resolve包装一下// 然后处理成功和失败的状态Promise.resolve(item).then((data) {// 这里需要考虑到Promise成功时需要做到什么1、2、// 1、完成的数据汇总到一个数组最终结果// 在上面定义result于存储每个成功Promise的结果// 这里不能使用push方法因为我们需要返回的数据是传递的顺序不是完成的顺序// 所以这里根据下标赋值成功后的data数据result[index] data;// 2、判定是否全部完成// 这里在上面定义fulfilled记录每次完成fulfilled数量加1fulfilled;// 这里判断fulfilled完成的数量和Promise数量相等时表示结束// 把数据result给resif (fulfilled i) { res(result); }// 这里如果失败直接调用失败的方法因为状态一旦确定就无法更改}, rej)// 因为这里是异步代码运行时循环已经结束所以i代表的一定是整体的数量}// 这里循环完成判断i如果等于0表示没有传递任何Promise参数// 直接给一个空数组if (i 0) { res([]); }// 最后直接返回最终状态promise1return promise1;
}Promise.myPromiseAll([]).then((res) {console.log(res);
}, (err) {console.log(err, err);
})
// 输出 []Promise.myPromiseAll([1, 2, 3]).then((res) {console.log(res);
}, (err) {console.log(err, err);
})
// 输出 [1, 2, 3]Promise.myPromiseAll([1, 2, 3, Promise.reject(456)]).then((res) {console.log(res);
}, (err) {console.log(error, err);
})
// 输出 error 456Promise.myPromiseAll([1, 2, 3, Promise.resolve(456)]).then((res) {console.log(res);
}, (err) {console.log(err, err);
})
// 输出 [ 1, 2, 3, 456 ]
