const p1 = new Promise(function (resolve, reject) {
setTimeout(() => reject(new Error('fail')), 3000)
})
const p2 = new Promise(function (resolve, reject) {
setTimeout(() => resolve(p1), 1000)
})
p2
.then(result => console.log(result))
.catch(error => console.log(error)) // Error: fail
上面代码中,p1
是一个 Promise,3 秒之后变为rejected
。p2
的状态在 1 秒之后改变,resolve
方法返回的是p1
。由于p2
返回的是另一个 Promise,导致p2
自己的状态无效了,由p1
的状态决定p2
的状态。所以,后面的then
语句都变成针对后者(p1
)。又过了 2 秒,p1
变为rejected
,导致触发catch
方法指定的回调函数。
以上是es6阮一峰入门的部分截取。里面说的是“又过了2秒”,这意思就是,p2开始执行settimeout计时的时候,p1也同时开始,1+2=3秒,但是不应该是p2执行,过了一秒后resolve(p1),p1又执行了3秒,一共是4秒吗???
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…