setTimeout和promise async的循环次序

JavaScript事件循环：Promise与setTimeout执行顺序解析

最新推荐文章于 2024-03-16 21:41:28 发布

原创

最新推荐文章于 2024-03-16 21:41:28 发布 · 175 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #开发语言

文章阐述了JavaScript执行机制中的主栈、宏任务和微任务的概念，通过示例代码解释了Promise的立即执行以及.then()作为微任务的特性，同时对比了setTimeout作为宏任务的异步执行情况，强调了宏任务和微任务的执行顺序：主栈执行完毕后先执行微任务，再执行宏任务，且宏任务内部按时间顺序执行。

按主栈序列进行,
遇见log直接输出,
遇见settimeout的放入宏任务,
遇见promise进行分析,新定义的输出,
遇见resolve的,then执行放入微任务,
主栈序列进行完毕后先进行微任务在进行宏任务,
同理遇见settimeout放入宏任务.
注意: 宏任务序列中要按照等待时间和先后顺序排序进行,微任务按照先后执行顺序排放

  console.log('#1')
  setTimeout(function() {            
       console.log('#2')            
       new Promise(function(resolve) {                
           console.log('#3')                
           resolve()            
               }).then(function() {                
                  console.log('#4')})        
               })         
           new Promise(function(resolve) {            
               console.log('#5')