请问这 2 个promise 有什么区别

Question

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 ？

Answer 1

这里一共产生了 4 个 Promise（如图）

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

Answer 2

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)); 就会打印出同样的结果