新手也能看懂得当Promise的回调函数中返回Promise对象时执行过程

新手也能看懂的“当Promise的回调函数中返回Promise对象时执行过程”

如图所示，为promise回调中返回Promise对象时：

为什么能够返回一个Promise对象呢?现在为大家揭秘。

1. 第二个then函数中

首先执行第一个then函数，得到的结果是个Promise对象，

当得到的是Promise对象时，如下图所示，本来第一个zhen函数会将该结果给到下一个待执行的then函数中，由于该返回值是Promise对象，之所以调用该返回的Promise对象的then方法，是因为要将该Promise所得的结果345传给下一个then函数，所以把第二个then函数的resolve函数当成参数传入即onFulfilledNext

在执行该then方法的时候，由于已经执行过res（345），所以执行了该函数的resolve方法，即status为FULFILLED，所以执行fulfilled函数，该函数是个异步方法，会放在下一个循环中执行，此时会执行第二个zhen方法

由于第一个zhen方法返回的Promise对象未执行过resolve函数，所以状态为PENDING，会将then函数内的回调函数放入待执行的回调数组中

随后返回执行第一个异步任务，该异步任务就是我们一开始的setTimeout里面的函数，由于onFulfilled就是传入的第二个then函数的resolve方法，所以首先调用第二个then函数的resolve方法，并将value传入，此时执行resolve方法，由于第二个then方法的回调函数已经加入回调数组中，所以此时会执行该回调函数，如下图所示：

总结：

1. 通过传递第二个then函数的resolve函数给返回的Promise函数的res.then(onFulfilledNext, onRejectedNext),then函数会执行fulfilled(this._value)，由于第一个setTimeout是异步，所以不会立即执行，而是执行第二个then函数
   2.执行第二个zhen函数会将回调函数放入待执行的数组中，然后回到第一个setTimeout中执行，此时的onFulfilled是第二个then函数的resolve方法，所以执行let res = onFulfilled(value)相当于执行第二个then函数的resolve方法，并传入345，由于数组中已经有了回调函数，所以执行回调函数

整个过程还是非常清晰的，只是有点绕，希望各位能多调试，不懂的可以在下方留言，我会及时回复