JS promise 执行顺序

Question

var p2 = new Promise(resolve => {   setTimeout(() => {     resolve()   }, 2000) })var p1 = new Promise(resolve => {   resolve(p2) }) p1.then(data => {  console.log('p1') }) p2.then(data => {  console.log('p2')  console.log('p1 status ', p1) // 这里在浏览器输出的是 pending 状态   Promise.resolve().then(() => {    console.log('here') // 然后这里会优先于 p1.then() 输出   }) })请问一下，p1 的状态到底什么时候才会改变呢？为什么执行到 console.log('p1 status ', p1) 时候，p1 的状态是 pending 呢？万分感谢~

Answer 1

Promise里提供的resolve、reject参数是异步的，所以会晚于同步代码。

如果resolve函数里的参数是一个Promise实例，那么会等待这个实例的状态改变后才会改变状态。所以p1.then里的函数最后执行，因为p1的状态要等p2的状态确定后才能改变，所以执行到 console.log('p1 status ', p1) 时候，p1 还没有改变状态。

不好理解的话，我之前写了个Promise实现，你对比着上面的话看下。学习并实现一个Promise