首页 > web前端 > js教程 > 如何暂停执行直到多个 Promise 解决?

如何暂停执行直到多个 Promise 解决?

Patricia Arquette
发布: 2024-12-27 03:02:13
原创
531 人浏览过

How to Pause Execution Until Multiple Promises Resolve?

返回多个 Promise 并暂停执行直到全部完成

您需要使用返回 Promise 的方法来处理多个异步操作。这些操作完成后,只有当所有 Promise 都已解决时,您才需要执行另一组代码。

doSomeAsyncStuff() 中的 Promise

您的 doSomeAsyncStuff() 函数需要返回一个 Promise。这个 Promise 反映了异步任务的完成:

function doSomeAsyncStuff() {
    return new Promise((resolve, reject) => {
        var editor = generateCKEditor();
        editor.on('instanceReady', () => {
            doSomeStuff();
            resolve(true);
        });
    });
}
登录后复制

使用 Promise.all()

一旦你的异步函数返回一个 Promise,你就可以使用 Promise。 all() 将这些承诺聚合成一个Promise:

const promises = [];

for (let i = 0; i < 5; i++) {
    promises.push(doSomeAsyncStuff());
}

Promise.all(promises)
    .then(() => {
        for (let i = 0; i < 5; i++) {
            doSomeStuffOnlyWhenTheAsyncStuffIsFinish();
        }
    })
    .catch((error) => {
        // Handle errors here
    });
登录后复制

示例

下面是一个在所有五个异步任务完成后记录消息的示例:

function doSomethingAsync(value) {
    return new Promise((resolve) => {
        setTimeout(() => {
            console.log("Resolving " + value);
            resolve(value);
        }, Math.floor(Math.random() * 1000));
    });
}

function test() {
    const promises = [];

    for (let i = 0; i < 5; i++) {
        promises.push(doSomethingAsync(i));
    }

    Promise.all(promises)
        .then((results) => {
            console.log("All done", results);
        })
        .catch((error) => {
            // Handle errors here
        });
}

test();
登录后复制

以上是如何暂停执行直到多个 Promise 解决?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板