ES6 Promise用法深究

conquer_galaxy

于 2023-02-18 23:13:58 发布

阅读量89

点赞数

CC 4.0 BY-SA版权

文章标签： es6 javascript 前端

本文链接：https://blog.youkuaiyun.com/conquer_galaxy/article/details/129097877

文章通过示例展示了Promise.then方法在处理异步操作时，无论resolve还是reject都会返回一个值。同时，对比了Promise.all和Promise.allSettled在处理多个Promise并行执行时的区别，即使其中一个Promise被reject，Promise.allSettled仍会返回所有Promise的状态和结果。

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

Promise.then()得到的是Promise对象的value值不管是resolved还是rejected都会返回value(或者是reason)

        function fn01() {
            return new Promise((resolve, reject) => {
                setTimeout(() => {
                    resolve('用户数据01')
                }, 1000);
            })
        }
        function fn02() {
            return new Promise((resolve, reject) => {
                setTimeout(() => {
                    resolve('用户数据02')
                }, 1000);
            })
        }
        function fn03() {
            return new Promise((resolve, reject) => {
                setTimeout(() => {
                    // resolve('用户数据03')
                    reject("用户数据03")
                }, 1000);
            })
        }

        let p01 = new Promise((resolve, reject) => {
            setTimeout(() => {
                resolve("用户数据01")
            }, 1000);
        })
        let p02 = new Promise((resolve, reject) => {
            setTimeout(() => {
                resolve("用户数据02")
            }, 1000);
        })
        let p03 = new Promise((resolve, reject) => {
            setTimeout(() => {
                reject("用户数据03")
            }, 1000);
        })



        // let result01 = Promise.allSettled([p01, p02, p03])  和下一样得到的结果一样！
        let result01 = Promise.allSettled([fn01().then(), fn02().then(), fn03().then()])
        let result02 = Promise.all([p01, p02, p03])
        console.log(result01)
        console.log(result02)