promise - 7.promise.race 源码实现

最新推荐文章于 2024-04-01 13:00:24 发布

qq_35432512

最新推荐文章于 2024-04-01 13:00:24 发布

阅读量447

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/qq_35432512/article/details/107225243

JavaScript 专栏收录该内容

9 篇文章

订阅专栏

本文深入探讨了JavaScript中Promise.race()方法的工作原理及其实现方式，详细介绍了如何使用该方法来处理多个Promise，一旦迭代器中的任意一个Promise解决或拒绝，返回的Promise就会立即响应。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Promise.race(iterable) 方法返回一个 promise，一旦迭代器中的某个promise解决或拒绝，返回的 promise就会解决或拒绝。

function isPromise(x) { // 校验是否是 promise 
    if((typeof x == 'object' && x !== null) || typeof x == 'function') {
        if(typeof x.then == 'function') {
            return true
        }
    }
    return false
}
Promise.race = function(promises) {
    return new Promise ((resolve, reject) => {
        if(!promises.length) return
        promises.forEach(item => {
            if(isPromise(item)) {
                item.then((data) => {
                    resolve(data)
                }, reject)
            }else {
                resolve(item)
            }
        });
    })
}
var p5 = new Promise(function(resolve, reject) { 
    setTimeout(resolve, 500, "five"); 
});
var p6 = new Promise(function(resolve, reject) { 
    setTimeout(resolve, 500, "six");
});
var p7 = new Promise(function(resolve, reject) { 
    setTimeout(reject, 100, "7");
});
Promise.race([p5, p6, p7]).then(data => {
    console.log('1---->', data);
}, err => {
    console.log(err);
})