promise的执行流程？

//写法一，直接new一个promise，执行结果是1234都能打印出，但是并没有1秒的延迟
let p=new Promise(resolve=>{
    setTimeout(()=>resolve(),1000)
});
p
.then(()=>console.log(1))
.then(()=>console.log(2))
.then(()=>console.log(3))
.then(()=>console.log(4));

//写法二，把promise包裹在函数中，结果跟结果一一样
function p(){
    return new Promise(resolve=>{
        setTimeout(()=>resolve(),1000)
    })
}
p()
.then(()=>console.log(1))
.then(()=>console.log(2))
.then(()=>console.log(3))
.then(()=>console.log(4));

//写法三：在每次调用then时都再return出函数p(),就能正确按意愿每隔一秒打印出1234了
function p(){
    return new Promise(resolve=>{
        setTimeout(()=>resolve(),1000)
    })
}
p()
.then(()=>{console.log(1);return p()})
.then(()=>{console.log(2);return p()})
.then(()=>{console.log(3);return p()})
.then(()=>console.log(4));

请问前面两种写法为什么错了？他们每一步都是怎么执行的

itstimetosail 2019-05-27

源自：ES6 Promise 2-3 对比回调与Promise的流程控制

收起

2回答

好帮手慕夭夭 2019-08-10 15:37:07

“慕函数0414863”同学你好，return就是给函数设置返回值，then里面的箭头函数，调用p()如果不加return，那么这个函数返回值默认就是undefined。所以需要加return ，把Promise实例作为函数的返回值，这样下一个then才能够接收到上一个Promise实例的状态，等上一个执行完毕之后，才会执行下一个then哦。

祝学习愉快。

收起回答