Promise面試題整理-有解無憂

具體邏輯原則參考上一篇文章整理：

- 面試題一：寫出下列代碼的列印結果？？

    setTimeout(()=>{
      console.log(1)
    },0)
    Promise.resolve().then(()=>{
      console.log(2)
    })
    Promise.resolve().then(()=>{
      console.log(4)
    })
    console.log(3)

分析程序：
在這里插入圖片描述
實列結果：

- 面試題二：寫出下列代碼的列印結果？？

      setTimeout(() => {
        console.log(1)
      }, 0)
      new Promise((resolve) => {
        console.log(2)
        resolve()
      }).then(() => {
        console.log(3)
      }).then(() => {
        console.log(4)
      })
      console.log(5)

代碼分析：

注意：Promise原則中 執行器函式是同步執行的
這里注意一點：下面代碼中，微任務佇列中并不是【3 4 】而是【3】在console.log(3)執行列印成功之后，
變成了【4】，即：【4】并不是一開始就放到了微任務佇列中（放到佇列中的條件時既要有函式還要改狀態），由于上一個.then()回傳的promise的狀態（成功?失敗）還不確定，所以不會放到微任務佇列中，等到3列印之后，才會放進去

在這里插入圖片描述

實體結果：
在這里插入圖片描述

面試題33

      const first = () => (new Promise((resolve, reject) => {
        console.log(3) //同步執行 
        let p = new Promise((resolve, reject) => {
          console.log(7) //同步執行 
          setTimeout(() => {
            console.log(5)  //放到宏任務 【5 】
            resolve(6)  // p的狀態已經改變了一次 不會在改變了 所以6 不會輸出
          }, 0)
          resolve(1)  //同步執行的
        })
        resolve(2) //tongbu 執行的
        p.then((arg) => {
          console.log(arg)
        })

      }))
      first().then((arg) => {
        console.log(arg)
      })
      console.log(4)   //同步執行的

在這里插入圖片描述

4

   setTimeout(() => {
        console.log("0")
      }, 0)
      new Promise((resolve,reject)=>{
        console.log("1")
        resolve()
      }).then(()=>{        
        console.log("2")
        new Promise((resolve,reject)=>{
          console.log("3")
          resolve()
        }).then(()=>{      
          console.log("4")
        }).then(()=>{       
          console.log("5")
        })
      }).then(()=>{  
        console.log("6")
      })
    
      new Promise((resolve,reject)=>{
        console.log("7")
        resolve()
      }).then(()=>{         
        console.log("8")
      })

案例分析：

以下是個人總結的輸出列印邏輯步驟，僅供參考：

在這里插入圖片描述

測驗結果：
在這里插入圖片描述

轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/260115.html

標籤：區塊鏈

上一篇：Flutter中專案國際化

下一篇：There are these reasons why the more you pay, the more you hurt!