再看第三段代碼
new Promise((resolve, reject) => {
console.log("外部promise");
resolve();
})
.then(() => {
console.log("外部第一個then");
let p = new Promise((resolve, reject) => {
console.log("內(nèi)部promise");
resolve();
})
p.then(() => {
console.log("內(nèi)部第一個then");
})
p.then(() => {
console.log("內(nèi)部第二個then");
});
})
.then(() => {
console.log("外部第二個then");
});
這段代碼的差異,就是內(nèi)部的 Promise 的代碼的寫法變了,不再是鏈?zhǔn)秸{(diào)用。
這里怎么理解呢?
這里在執(zhí)行內(nèi)部的 new Promise 的 resolve 執(zhí)行完成之后(扭轉(zhuǎn)了該 Promise 的狀態(tài)),new Promise 之后的兩個同步 p.then 是兩個執(zhí)行代碼語句,都是同步執(zhí)行,自然是會同步注冊完。
兩種方式的最主要的區(qū)別是:
- 鏈?zhǔn)秸{(diào)用的注冊是前后依賴的 比如上面的外部的第二個 then 的注冊,是需要外部的第一個的 then 的執(zhí)行完成。
- 變量定義的方式,注冊都是同步的 比如這里的 p.then 和 var p = new Promise 都是同步執(zhí)行的。
所以這里的代碼執(zhí)行就比較清晰了,內(nèi)部都執(zhí)行完成之后(因為都優(yōu)先于外部的第二個 then 的注冊),再執(zhí)行外部的第二個 then :
output:
外部promise
外部第一個then
內(nèi)部promise
內(nèi)部第一個then
內(nèi)部第二個then
外部第二個then