请问这 2 个promise 有什么区别

1:

        let p1 = new Promise((resolve, reject) => {
            setTimeout(() => {
                resolve(1);
            }, 1000);
        })

        let p2 = p1.then(data => {
            console.log(data); // 1
            return new Promise((resolve, reject) => {
                resolve(2);
            })
        })

        p2.then(res => console.log(res)); // 2

2:

        let p1 = new Promise((resolve, reject) => {
            setTimeout(() => {
                resolve(1);
            }, 1000);
        })

        let p2 = p1.then(data => {
            console.log(data); // 1
            return new Promise((resolve, reject) => {
                resolve(2);
            }).then(res => console.log(res)) // 2
        })

        p2.then(res => console.log(res)); // undefined,对这里有疑问,为什么不是 2

为什么第 2 个代码中的 resolve(2) 无法传递给 p2.then

阅读 2.2k
2 个回答

这里一共产生了 4 个 Promise(如图)

image.png

p2 是第 ❸ 个,它没有有效的返回值(相当于 resolve(undefined)),所以最后一句打印出来是 undefined

如果改一下

const p2 = p1.then(data => {
    console.log(data); // 1
    return new Promise((resolve, reject) => {
        resolve(2);
    // }).then(res => console.log(res)); // 2
    }).then(res => (console.log(res), 3)); // 3
//                 ^                ^^^^  
});

也就是把那个 then 的中的 lambda 改为返回 3,最后就会输出 3。如果把 3 改成 res,就会输出上一个 Promise 的结果,也就是 2

注意:这里使用了 (,),括号把里面的内容封装成一个表达式(强制声明为表达式),而里面实际是一个逗号运算表达式,返回最后一个值,也就是 3

promise.then() 方法返回的也是一个 Promise,传递的值,是then()中函数返回的值,
在这个一行中
}).then(res => console.log(res)) // 2
res => console.log(res) 没有return语句,默认返回undefined,所以传递给下一个then是 的参数res 是 undefined,
如果这样写:
}).then(res => {console.log(res); return res;}) // 2

p2.then(res => console.log(res)); 就会打印出同样的结果

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题