js代码-面试题:使用promise.all 进行5个请求，若其中一个失败了，怎么让其他4个成功返回

程知农

已于 2023-04-19 13:58:26 修改

阅读量1.2k

点赞数

分类专栏： IT_前端开发_Web 文章标签： javascript 前端开发语言

于 2023-03-02 15:51:42 首次发布

本文链接：https://blog.csdn.net/C201008/article/details/129302603

版权

IT_前端开发_Web 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

本人是无意从网上看到的考题。学习之后发现：个人感觉如果能看懂这段代码，就对Promise的异步机制有了更深的理解。

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>WebDemo_Test_Promise.all进阶学习</title>
    <style>
        body {
            font-family: Verdana, Arial, "Microsoft YaHei", Helvetica, sans-serif;
        }
    </style>
    <script>
    </script>
</head>

<body>
    <div style="margin: 20px 0px 0px 10px;">提醒: 请打开控制台查看日志。</div>

    <script>
        // js面试题: 使用 Promise.all 进行5个请求, 若其中一个失败了, 怎么让其他4个成功返回。
        let p1 = Promise.resolve(1);
        let p2 = Promise.resolve(2);
        let p3 = Promise.resolve(3);
        let p4 = Promise.resolve(4);
        let p5 = Promise.reject("error");
        let arr = [p1, p2, p3, p4, p5];
        //let all = Promise.all(arr);
        let all = Promise.all(
            arr.map(
                (promise) => promise.catch(
                    (e) => console.log("错误信息: " + e)
                )
            )
        );
        all.then(res => {
            //console.log('res: ', JSON.stringify(res));
            console.log('res: ', res);
        }).catch(err => console.log('e: ', err));
    </script>
</body>

</html>