promise.all和promise.race的理解

最新推荐文章于 2025-06-20 15:45:56 发布

原创最新推荐文章于 2025-06-20 15:45:56 发布 · 988 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#it

搬砖日常专栏收录该内容

32 篇文章

订阅专栏

本文通过实例对比分析了Promise.all与Promise.race的区别。Promise.all按顺序输出所有Promise的结果，而Promise.race则输出最快完成的Promise结果。深入理解这两种方法有助于更高效地处理异步操作。

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

大家肯定都知道promise是es6中提出的异步操作方法，但是promise.all和promise.rece这两个问题大家就肯定会有疑惑接下来咱们就来看看。

1：promise.all 不多说直接上代码

   let run = (time) => {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
        resolve(`${time / 1000}s后调用`)
        }, time)
    })
    }

    let promise1 = run(3000);
    let promise2 = run(2000);
    
    Promise.all([promise1,promise2]).then((res)=>{
            console.log(res);
    }).catch((error)=>{
        console.log(error);
    });

在这里插入图片描述

    let run = (time) => {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
        resolve(`${time / 1000}s后调用`)
        }, time)
    })
    }

    let promise1 = run(3000);
    let promise2 = run(2000);

    Promise.race([promise1,promise2]).then((res)=>{
            console.log(res);
    }).catch((error)=>{
        console.log(error);
    });

在这里插入图片描述