macrotask 和 microtask

最新推荐文章于 2024-03-20 08:21:17 发布
最新推荐文章于 2024-03-20 08:21:17 发布
阅读量122 收藏
点赞数
文章标签： javascript Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_65247598/article/details/129100572
版权

宏任务（macrotask ）和微任务（microtask ）是异步任务的两种分类。

在挂起任务时，JS 引擎会将所有任务按照类别分到这两个队列中，首先在 macrotask 的队列（这个队列也被叫做 task queue）中取出第一个任务，执行完毕后取出 microtask 队列中的所有任务顺序执行；之后再取 macrotask 任务，周而复始，直至两个队列的任务都取完。

宏任务和微任务之间的关系

宏任务：由宿主（Node、浏览器）发起，后运行，会触发新一轮Tick

setTimeout、setInterval、setImmediate、requestAnimationFrame（node不支持）

微任务：由JS引擎发起，先运行，不会触发新一轮Tick

process.nextTick（浏览器不支持）、MutationObserver（node不支持）、Promise .then catch finally

Joslin99
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
如何优雅的使用macrotask和microtask
小钢炮的博客
12-19 605
1.macrotask和microtask 对于微任务和宏任务这里不做介绍。我们在写一些封装逻辑的时候，需要用到macrotask和microtask。这里我参(chao)考(xi) vue.js的实现，封装macrotask和microtask。 2.macrotask封装 macrotask 有setTimeout、MessageChannel、postMessage、setImmediate...
宏任务（macrotask ）和微任务（microtask ）
fzl_1996的博客
06-23 632
宏任务（macrotask）和微任务（microtask）表示异步任务的两种分类。 在挂起任务时，主进程的任务执行完成，JS引擎会将所有异步事件任务按照类别分到这两个队列中，首先在宏任务（macrotask）的队列（这个队列也被叫做taskqueue）中取出第一个任务，执行完毕后取出当前宏任务下的所有微任务（microtask）顺序执行；之后再取宏任务（macrotask），周而复始，直至两个队列的任务都取完 ##宏任务包含## **script标签下的上下文就是...
js中宏任务和微任务
weixin_45806937的博客
11-12 551
macrotask 和 microtask 表示异步任务的两种分类 宏任务：macrotask (macro)task，可以理解是每次执行栈执行的代码就是一个宏任务（包括每次从事件队列中获取一个事件回调并放到执行栈中执行）。 浏览器为了能够使得JS内部(macro)task与DOM任务能够有序的执行，会在一个(macro)task执行结束后，在下一个(macro)task 执行开始前，对页面进行重新渲染 微任务：microtask microtask,可以理解是在当前 task ...
什么是微任务？什么是宏任务？
最新发布
zybijiso666的博客
03-20 562
在 JavaScript 中，宏任务（Macro Task）和微任务（Micro Task）是用来管理异步代码执行顺序的两个重要概念。它们帮助我们理解 JavaScript 中事件循环的执行机制。
浏览器的消息队列和事件循环机制（宏任务和微任务）
jieyucx的博客
09-01 720
浏览器中的消息队列和事件循环机制是一种用于处理异步任务的方式。浏览器需要能够同时处理多个任务，如网络请求、用户交互等。为了避免任务的阻塞，浏览器使用消息队列来管理任务的执行顺序，并通过事件循环机制来处理任务的执行。fill:#333;color:#333;color:#333;fill:none;浏览器渲染引擎JS引擎消息队列事件循环执行上下文工作原理如下图所示：fill:#333;color:#333;color:#333;fill:none;
nanotask浏览器的Microtask队列调度程序
08-10
它会检查宏任务队列（Macrotask）和微任务队列（Microtask），依次执行。 2. **微任务（Microtask）**：包括Promise的回调、MutationObserver、process.nextTick（Node.js环境）、Object.observe（已废弃）等。微...
再谈Angular4 脏值检测(性能优化)
01-19
Summary Angular 4的脏值检测是个老话题了，而理解这个模型是做...经过分析，工程师们发现，数据的变化往往由macrotask和microtask等异步事件引起。因此，通过重写浏览器所有的异步API，就能从源头有效地监听数据
javascript个人学习总结：包括数据结构与算法，前端工程化等方面，助你快速入门
03-02
主要内容目录如下： ...笔试题——JavaScript事件循环机制（event loop、macrotask、microtask） 五.异步编程 理解 JavaScript 的 async/await JavaScript异步编程 9k字 | Promise/async/Generator实现原理解析
JavaScript单线程和任务队列原理解析
10-15
任务队列分为多个类型，包括宏任务（macrotask）和微任务（microtask）。宏任务包括整体脚本、setTimeout、setInterval、I/O、UI渲染等，而微任务则包括Promise的then、process.nextTick（Node.js环境下）等。宏任务...
浏览器事件循环与vue nextTicket的实现
12-10
异步：就是在异步队列（macroTask、microTask）中的代码 简单理解区别就是：异步是需要延迟执行的代码 线程和进程 进程：进程是应用程序的执行实例，每一个进程都是由私有的虚拟地址空间、代码、数据和其它系统...
宏任务与微任务的区别
qq_44734358的博客
02-18 3104
宏任务包括：setTimeout setInterval Ajax DOM事件，宏任务是由宿主（浏览器、Node）发起的，宏任务，可以理解为每次执行栈执行的代码就是一个宏任务（包括每次从事件队列中获取一个事件回调并放到执行栈中执行）.进程的切换肯定是宏任务，因为需要花费大量的资源微任务包括：Promise async/await 等…微任务是由JS引擎发起的，微任务,可以理解是在当前 task 执行结束后立即执行的任务。也就是说，在当前task任务后，下一个task之前，在渲染之前。
JavaScript宏任务(macrotask)和 微任务(microtask) 执行顺序
热门推荐
^_^
06-14 1万+
一、JavaScript单线程 JavaScript是单线程指的是同一时间只能干一件事情，只有前面的事情执行完，才能执行后面的事情。导致遇到耗时的任务时后面的代码无法执行。 在此之前啊 我们必须了解同步和异步 1. 同步任务（synchronous） console.log(123); console.log(456); for (let i = 1; i <= 5; i++) { console.log(i); } 顾名思义 得到的一定是..
宏任务和微任务
shenjing_Shining的博客
07-08 1948
导读： 什么是宏任务 什么是微任务 两者有什么区别 1. 什么是宏任务macroTask? 宏任务：包含执行整体的js代码、事件回调（DOM事件），XHR回调（异步请求，接口回调），定时器（setTimeout/setInterval/setImmediate），IO（input和output，文件的读出和写入）操作，UI render 2.什么是微任务microTask? 微任务：更新应用程序状态的任务，包括promise回调，MutationObserver，process.nextTi..
Js——异步方法宏任务（task）与微任务（microtask）
where_slr的博客
07-29 3386
异步方法中的宏任务与微任务 JS的任务事件执行机制：当执行引擎在主线程方法执行完毕，到达空闲状态时，会从任务队列中按顺序获取任务来执行（task-> task-> task…)；浏览器为了能够使得 JS 内部 task（任务） 与 DOM 任务能够有序的执行，会在一个 task 执行结束后，在下一个 task 执行开始前，对页面进行重新渲染 （task-> 渲染-> tas...
浅析 JS 事件循环之 Microtask 和 Macrotask
weixin_34018202的博客
06-07 127
简介 我们在上一篇 《浅析 JS 中的EventLoop 事件循环》 中提到一个 Event Queue，其实在事件循环中 queue 一共有两种，还有一种叫 Job Queue 其中 Event Queue 在 HTML 规范中被称为 Task Queue，但是为了区分，一般都叫作 Macrotask Queue Job Queue 是在 ECMAScript 规范中谈及处理 Promise...
详解 macrotasks 和 microtasks
阿豪
10-09 193
原文链接: 详解 macrotasks 和 microtasks ...
事件循环进阶：macrotask与microtask的应用
lwf的博客
06-12 1309
题目： setTimeout(()=&amp;gt;{ console.log(0) },1000); new Promise((resolve,reject)=&amp;gt;{ console.log(1); resolve(); }) .then(()=&amp;gt;{ setTimeout(()=&amp;gt;{ console.log(3) },0); ...
Promise的执行原理——macrotask和microtask
m0_37828249的博客
05-01 1541
要理解Promise的执行原理，首先要知道EMCAScript的任务队列机制——macro-task（宏任务）和micro-task（微任务）。浏览器先执行一个macrotask，在执行macrotask过程中可能会创建新的macrotask和microtask，然后顺序执行micro-task队列中的全部任务，然后再取出一个macrotask执行……周而复始。整个script代码是一个macro...
MacroTask和MicroTask区别
02-07
MacroTask 和 MicroTask 都是浏览器中的任务队列的概念。它们的区别在于执行的时机不同。 MacroTask 会在执行 JavaScript 代码时添加到任务队列中，执行完当前的 JavaScript 代码之后立即执行。例如 setTimeout 和 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值