先上题
// 实现一个函数，传入一个promise数组。要求数组中的函数按顺序依次执行，最后函数的返回值是一个由数组元素中各个promise返回值组成的数组
const timeout = ms => new Promise((resolve, reject) => {
setTimeout(() => {
resolve();
}, ms);
});
const ajax1 = () => timeout(2000).then(() => {
console.log('1');
return 1;
});
const ajax2 = () => timeout(1000).then(() => {
console.log('2');
return 2;
});
const ajax3 = () => timeout(2000).then(() => {
console.log('3');
return 3;
});
const mergePromise = ajaxArray => {
// 填写此处的代码
};
mergePromise([ajax1, ajax2, ajax3]).then(data => {
console.log('done');
console.log(data); // data 为 [1, 2, 3]
});
分析
可以看到这个题是考我们对于promise的理解，算是较为基础的题。
首先我们看到最后函数执行完成后是一个then方法。那么我们就可以知道，mergePromise函数的返回值是一个promise。那么什么东西执行后会返回一个promise呢？无非就两种：一种是promise自身，一种是async function。
其次，我们看到传入mergePromise函数的参数，是一个长度不定的数组。处理长度不定的数组的各个元素，无非就是循环或者类循环了。即forEach，for循环这些。
根据上面两点，我想到了用async function。
本人的解法
return (async function() {
let index = 0, length = ajaxArray.length, dataArr = []
while(index !== length) {
dataArr.push(await ajaxArray[index++]())
}
return dataArr
})()