Promise面试题整理

你的名字 2022-10-29 12:29 374阅读 0赞

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

**- 面试题一：写出下列代码的打印结果？？**

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

分析过程：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6ajEwNDk1NjE2MDE_size_16_color_FFFFFF_t_70]  
实列结果：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6ajEwNDk1NjE2MDE_size_16_color_FFFFFF_t_70 1]  
**- 面试题二：写出下列代码的打印结果？？**

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

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6ajEwNDk1NjE2MDE_size_16_color_FFFFFF_t_70 2]

实例结果：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6ajEwNDk1NjE2MDE_size_16_color_FFFFFF_t_70 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)   //同步执行的

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6ajEwNDk1NjE2MDE_size_16_color_FFFFFF_t_70 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")
          })

案例分析：

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

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6ajEwNDk1NjE2MDE_size_16_color_FFFFFF_t_70 5]

测试结果：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6ajEwNDk1NjE2MDE_size_16_color_FFFFFF_t_70 6]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6ajEwNDk1NjE2MDE_size_16_color_FFFFFF_t_70]: /images/20221024/5205bfee14c34c4db0a207529d763792.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6ajEwNDk1NjE2MDE_size_16_color_FFFFFF_t_70 1]: /images/20221024/8afcf8a08d424ee0bef6d493eba4658c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6ajEwNDk1NjE2MDE_size_16_color_FFFFFF_t_70 2]: /images/20221024/36d10334d7174b0ebbc5af54fefa0297.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6ajEwNDk1NjE2MDE_size_16_color_FFFFFF_t_70 3]: /images/20221024/5a964437b296480b898c6a84a7c74ea6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6ajEwNDk1NjE2MDE_size_16_color_FFFFFF_t_70 4]: /images/20221024/d2af9c632932442eb5fb17942f38b7c4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6ajEwNDk1NjE2MDE_size_16_color_FFFFFF_t_70 5]: /images/20221024/d1bb95f4fb164491987c9a311812217e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6ajEwNDk1NjE2MDE_size_16_color_FFFFFF_t_70 6]: /images/20221024/ffa73d23148b4dcc9ad5f001b61b2ddb.png