Web前端必做笔记之一：JavaScript运行机制(三) 宏任务微任务

最新推荐文章于 2024-04-22 23:44:17 发布

我是小白菜鸟

最新推荐文章于 2024-04-22 23:44:17 发布

阅读量109

点赞数

文章标签： javascript ajax

本文链接：https://blog.csdn.net/qq_42302014/article/details/120679857

版权

本文深入探讨了JavaScript的执行机制，重点介绍了宏任务（如计时器、AJAX和读取文件）和微任务（如Promise.then）。文章详细阐述了执行顺序，包括同步代码、process.nextTick、微任务、宏任务和setImmediate，并通过示例代码展示了具体的执行流程。了解这一机制对于优化JavaScript应用性能至关重要。

摘要由CSDN通过智能技术生成

Web前端必做笔记之一：JavaScript运行机制(三) 宏任务微任务

   <script>
      //   宏任务：计时器,ajax,读取文件

      //   微任务：promise.then

      //  执行顺序
      //  1.同步程序
      //  2.process.nextTick
      //  3.微任务
      //  4.宏任务
      //  5.setImmediate

      setImmediate(()=>{
            console.log(1)
      })
      console.log(2);
      setTimeout(()=>{console.log(3)},0);
      setTimeout(()=>{console.log(4)},100);
      console.log(5);
      new Promise((resolve) =>{
             console.log(6); //这个是同步的代码，这是在运行栈里执行的
             resolve()
      }).then(()=>{
            console.log(7); //这个是放入任务队列中
      })
      process.nextTick(()=>{
            console.log(8)
      })

      //所以输出2,5,6,8,7,3,1,4
   
   </script>