Alibaba秋招前端測試題

引言

這是一道關於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])

mergePromise([ajax1, ajax2, ajax3]).then(data => {
    console.log('done');
    console.log(data); // data 爲 [1, 2, 3]
});




// 分別輸出
// 1
// 2
// 3
// done
// [1, 2, 3]

個人答案

const mergePromise = ajaxArray => {
    // 在這裏實現你的代碼
    return new Promise((resolve,reject) => {

        ajaxArray.push(Promise.resolve(() => null));
        let data = [],
        arrLen = ajaxArray.length - 1;

        ajaxArray.reduce((calc,cur,index) => {
            return calc.then((res) => {
                res !== undefined?data.push(res):null;
                return index !== arrLen?cur():resolve(data);
            });
        },Promise.resolve());
    });
};

應該還有更優雅的解決方法