macrotask和microtask

一时失言乱红尘 2022-05-27 11:19 137阅读 0赞

> 原创文章，转载请标明出处：[https://blog.csdn.net/yihanzhi/article/details/79979363][https_blog.csdn.net_yihanzhi_article_details_79979363]

**事件循环的机制**：  
步骤1）执行macrotask 队列中***最早***的那个任务 task ，然后移出；  
步骤2）执行 microtask 队列中***所有***可用的任务，然后移出；  
上面两个的步骤是一个事件循环，重复以上步骤实现事件循环。

**范围所属**：  
macrotasks： 代码块、setTimeout、setInterval、setImmediate、I/O、UI渲染；  
microtasks： process.nextTick、Promise、 Object.observe、 MutationObserver。

**执行顺序**：  
macrotasks：代码块、I/O、UI渲染在当前事件循环中执行；setTimeout、setInterval、setImmediate在设定时间后，插入任务队列，并不在当前事件循环中。  
microtasks执行优先级：process.nextTick 先于 Promise.then执行。

以下代码给出了执行顺序：

process.nextTick(function(){ 
      console.log("nt1");//执行顺序3
    })
    setTimeout(function(){ 
      console.log('st');//执行顺序6
    },0)
    new Promise(function(resolve){ 
      console.log("promise_s");//执行顺序1
      resolve();
    }).then(function(resolve){ 
      console.log("promise_call");//执行顺序5
    })
    process.nextTick(function(){ 
      console.log("nt2");//执行顺序4
    })
    console.log('end');//执行顺序2
    
    //结果输出："promise_s" > "end" > "nt1" > "nt2" > "promise_call" > "st"

[https_blog.csdn.net_yihanzhi_article_details_79979363]: https://blog.csdn.net/yihanzhi/article/details/79979363

发表评论取消回复

表情：

评论列表（有 0 条评论，137人围观）

还没有评论，来说两句吧...

相关阅读

相关 Flutter Future.microtask作用

Flutter 中的 Future.microtask 方法可以将回调函数放到下一个事件循环中执行。这意味着在当前函数执行完毕之后，它会将回调函数放到事件队列的末尾，等待下一次

拼搏现实的明天。/ 2024年03月25日 10:28/ 0 赞/ 105 阅读

相关探索v8源码：事件循环 Microtasks (微任务)

点击上方蓝字，发现更多精彩导语 Microtasks（微任务）是事件循环中一类优先级比较高的任务，本文通过一个有趣的例子探索其运行时机。从两年前被动接受知识 "当浏览器J

喜欢ヅ旅行/ 2023年01月14日 11:53/ 0 赞/ 124 阅读

相关 js异步之宏任务（marcroTask）和微任务（microTask）

js异步之宏任务（marcroTask）和微任务（microTask）先看一到面试题写出console.log的输出顺序 console.log(

我就是我/ 2022年12月25日 11:59/ 0 赞/ 238 阅读

相关 js异步之宏任务（marcroTask）和微任务（microTask）

先看一到面试题写出console.log的输出顺序 console.log(100); setTimeout(()=>{

系统管理员/ 2022年12月12日 04:59/ 0 赞/ 265 阅读

相关 macrotask和microtask

> 原创文章，转载请标明出处：[https://blog.csdn.net/yihanzhi/article/details/79979363][https_blog.csdn

一时失言乱红尘/ 2022年05月27日 11:19/ 0 赞/ 138 阅读

相关事件循环进阶：macrotask与microtask的应用

题目： setTimeout(()=>{ console.log(0) },1000); new Promise((resolve,reject)=>{ consol

短命女/ 2022年05月22日 01:54/ 0 赞/ 174 阅读

相关 kotlin中 ? 和 ?. 和 ?: 和 as? 和 !!的区别

? 可空类型 kotlin和Java的类型系统之间的一个很重要的区别就是，Kotlin对可空类型的显示支持也就是说你可以声明一个变量，并且使用可空类型?来表示这个变量

我就是我/ 2022年05月17日 02:53/ 0 赞/ 350 阅读

相关 JavaScript中的microtask与task

JS的任务执行机制由于 JavaScript 是单线程的，所以它只有一个`Call Stack`，使得 JavaScript 在执行时有一个非常重要的特性：`run t

「爱情、让人受尽委屈。」/ 2022年03月15日 09:14/ 0 赞/ 276 阅读

相关 shell脚本之--$$和||和|和（）和{}的用法

Shell && 和 ||和| | 运算符管道符号，是unix一个很强大的功能,符号为一条竖线:"|"。用法: command 1 | command

客官°小女子只卖身不卖艺/ 2022年02月02日 11:39/ 0 赞/ 507 阅读

相关 javascript事件循环的task和microtask

原文地址：[https://www.cnblogs.com/dong-xu/p/7000139.html][https_www.cnblogs.com_dong-xu_p_70

迷南。/ 2021年12月12日 11:41/ 0 赞/ 295 阅读