如图所示,为promise回调中返回Promise对象时: 为什么能够返回一个Promise对象呢?现在为大家揭秘。
第二个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方法的回调函数已经加入回调数组中,所以此时会执行该回调函数,如下图所示:
总结:
通过传递第二个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,由于数组中已经有了回调函数,所以执行回调函数整个过程还是非常清晰的,只是有点绕,希望各位能多调试,不懂的可以在下方留言,我会及时回复