Promise 是ES6语法标准里的新定义，一般用来处理异步方法的同步执行。本文主要介绍Promise all的用法和实现。
加入有以下场景：我有5个异步方法，需要等到这5个方法执行结束之后再执行下一步，如果其中有一个出错，则进入到catch方法里。具体实现如下：
function promiseAll(arr){
return new Promise((resolve, reject) => {
const result = [];
let i = 0;
function next(promise){
if( i > arr.length - 1){
return resolve(result);
}
promise().then(res => {
const end = new Date().valueOf();
const diff = end - start;
console.log(i, diff)
result.push(res);
next(arr[++i]);
}).catch(err => {
return resolve(err);
})
}
next(arr[i]);
});
};
const promiseList = [1,2,3,4,5].map(one => {
return () => {
return new Promise((resolve, reject) => {
setTimeout(() => {
resolve(one);
}, 1000);
})
}
});
const start = new Date().valueOf();
promiseAll(promiseList).then(res => {
const end = new Date().valueOf();
console.log(res, end - start)
});
// [1, 2, 3, 4, 5] 15000
对性能要求比较高的朋友会发现，这个是一个一个按顺序执行的，而且如果传进去的数组元素不是promise的话，会报错(没有then方法)。
并发执行实现方式如下：
function promiseAll(arr){
const result = [];
return new Promise((resolve, reject) => {
for(let i = 0; i < arr.length; i++){
let p = arr[i];
if(p instanceof Promise){
} else {
p = Promise.resolve(p);
}
p.then((res) => {
result[i] = res;
}).catch(err => {
return reject(err);
})
}
return resolve(result);
})
}
const input = [1,2,3,4,5];
promiseAll(input).then(res => {
console.log(res);
}).catch(error => {
console.log(error);
})本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！