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")
      })

案例分析：

以下是个人总结的输出打印逻辑步骤，仅供参考：

测试结果：