Promise 學(xué)習(xí)3

再看第三段代碼

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
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容