ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

手写promise.all和 promise.race

2022-08-18 00:00:08  阅读:109  来源: 互联网

标签:resolve console log err res race promise Promise 手写


// promise.all
function promiseAll(promisesArr) {
    return new Promise((resolve, reject) => {
        // 定义一个计数器
        let count = 0;
        const arr = [];
        const l = promisesArr.length;
        let startTime = new Date().getTime();
        for (let i = 0; i < l; i++) {
            promisesArr[i]
                .then((res) => {
                    count++;
                    // arr.push(res); 这里不能直接 push ,因为要保证 顺序
                    arr[i] = res;
                    if (count === l) {
                        resolve(arr);
                        let endTime = new Date().getTime();
                        console.log(endTime - startTime); // 耗费的总时长为最长的 promise 时长
                    }
                })
                .catch((err) => {
                    // console.log(err);
                    reject(err);
                });
        }
    });
}

const promiseA = new Promise((resolve, reject) => {
    resolve("A");
});
const promiseB = new Promise((resolve, reject) => {
    reject("B error");
    // resolve("B");
});

promiseAll([promiseA, promiseB])
    .then((res) => {
        console.log(res);
    })
    .catch((err) => {
        console.log(err);
    });

let wake = (time) => {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            resolve(`${time / 1000}秒后醒来`);
        }, time);
    });
};

let p1 = wake(3000);
let p2 = wake(2000);

Promise.all([p1, p2])
    .then((result) => {
        console.log(result); // [ '3秒后醒来', '2秒后醒来' ]  按照顺序输出
    })
    .catch((error) => {
        console.log(error);
    });

promiseAll([p1, p2])
    .then((res) => {
        console.log(res);
    })
    .catch((err) => {
        console.log(err);
    });

// Promise.race
// Promse.race就是赛跑的意思,意思就是说,Promise.race([p1, p2, p3])里面哪个结果获得的快,就返回那个结果,不管结果本身是成功状态还是失败状态。
let p11 = new Promise((resolve, reject) => {
    setTimeout(() => {
        resolve("success");
    }, 1000);
});

let p22 = new Promise((resolve, reject) => {
    setTimeout(() => {
        reject("failed");
    }, 500);
});

Promise.race([p11, p22])
    .then((result) => {
        console.log(result);
    })
    .catch((error) => {
        console.log(error); //'failed'
    });

function promiseRace(promiseArr) {
    return new Promise((resolve, reject) => {
        for (let i = 0; i < promiseArr.length; i++) {
            promiseArr[i]
                .then((res) => {
                    resolve(res);
                })
                .catch((err) => {
                    reject(err);
                });
        }
    });
}
promiseRace([p11, p22])
    .then((res) => {
        console.log(res);
    })
    .catch((err) => {
        console.log(err);
    });//'failed'
学习链接:https://www.jianshu.com/p/7e60fc1be1b2

标签:resolve,console,log,err,res,race,promise,Promise,手写
来源: https://www.cnblogs.com/beileixinqing/p/16597282.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有