【ES6】Promise.allSettled的用法-Toy模板网

这篇具有很好参考价值的文章主要介绍了【ES6】Promise.allSettled的用法。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

Promise.allSettled() 是一个Promise方法，用于处理一个Promise数组，返回一个新的Promise数组，每个元素对应原始Promise的状态。这个方法可以用于处理多个异步操作，并且能够获取每个操作的结果和状态。

下面是Promise.allSettled()的详细代码示例：

    const promise1 = Promise.resolve(3);
    const promise2 = new Promise((resolve, reject) => {
        setTimeout(() => {
            resolve(4);
        }, 1000);
    });
    const promise3 = new Promise((resolve, reject) => {
        setTimeout(() => {
            reject(new Error('Error!'));
        }, 2000);
    });

    Promise.allSettled([promise1, promise2, promise3]).then(results => {
        console.log(results);
        results.forEach(result => {
            console.log(result.status); // "fulfilled" 或 "rejected"
            if (result.status === 'fulfilled') {
                console.log(result.value); // 成功的结果值
            } else {
                console.log(result.reason); // 错误原因
            }
        });
    });

输出结果：
【ES6】Promise.allSettled的用法,前端,javascript,es6

在上面的代码中，我们创建了三个Promise对象：promise1、promise2和promise3。promise1已经解析，promise2将在1秒后解析，promise3将在2秒后被拒绝。

然后，我们使用Promise.allSettled()方法处理这三个Promise对象，返回一个新的Promise对象。这个新的Promise对象在所有原始Promise都完成后才解析，并将每个原始Promise的状态和结果存储在一个数组中。

最后，我们使用.then()方法处理新的Promise对象，并打印出每个原始Promise的状态和结果。如果Promise已实现（fulfilled），则打印出状态"fulfilled"和结果值；如果Promise被拒绝（rejected），则打印出状态"rejected"和错误原因。文章来源地址https://www.toymoban.com/news/detail-692542.html

到了这里，关于【ES6】Promise.allSettled的用法的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！