Promise面试题整理

具体逻辑原则参考上一篇文章整理:

- 面试题一:写出下列代码的打印结果??

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

分析过程:
Promise面试题整理_第1张图片
实列结果:
Promise面试题整理_第2张图片
- 面试题二:写出下列代码的打印结果??

      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打印之后,才会放进去

Promise面试题整理_第3张图片

实例结果:
Promise面试题整理_第4张图片

面试题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)   //同步执行的 

Promise面试题整理_第5张图片

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

案例分析:

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

Promise面试题整理_第6张图片

测试结果:
Promise面试题整理_第7张图片

你可能感兴趣的:(promise,Promise经典面试题,回调函数,javascript,html)