【Day09】JavaScript 为什么要区分微任务和宏任务

JavaScript 为什么要区分微任务和宏任务

区分微任务和宏任务是为了将异步队列任务划分优先级，通俗的理解就是为了插队。

一个 Event Loop，Microtask 是在 Macrotask 之后调用，Microtask 会在下一个 Event Loop 之前执行调用完，并且其中会将 Microtask 执行当中新注册的 Microtask 一并调用执行完，然后才开始下一次 Event Loop，所以如果有新的 Macrotask 就需要一直等待，等到上一个 Event Loop 当中 Microtask 被清空为止。由此可见，我们可以在下一次 Event Loop 之前进行插队。

如果不区分 Microtask 和 Macrotask，那就无法在下一次 Event Loop 之前进行插队，其中新注册的任务得等到下一个 Macrotask 完成之后才能进行，这中间可能你需要的状态就无法在下一个 Macrotask 中得到同步。

【Day09】JavaScript 为什么要区分微任务和宏任务相关推荐

JavaScript中的微任务和宏任务
在正常情况先下,JavaScript任务是同步执行的,即执行完一个前一个任务,然后执行后一个任务.也就是跟着主线任务按序执行. 只有遇到异步任务的情况下,执行顺序才会改变.这时,需要区分两种任务:宏任 ...
JavaScript异步编程【上】 -- 同步和异步、事件循环（EventLoop）、微任务和宏任务、回调函数
文章内容输出来源:拉勾教育大前端高薪训练营前言在我们学习JavaScript中,我们知道,JavaScript的执行环境是单线程的.所谓单线程是指一次只能完成一个任务,如果有多个任务,就必须排队 ...
JavaScript基础：浅聊事件循环(Event LooP)以及微任务，宏任务，DOM渲染
一直说JavaScript是单线程的执行的(当然也可以通过其它其它的方式异步,本篇暂时不聊). 内核的组成首先聊一下浏览器的内核组成部分,当然下面也不是全部,而只是说一些常见的. 主线线程 js引擎 ...
ajax是宏任务还是微任务,(滴滴面试)事件循环Event Loop及微任务和宏任务的执行过程详解...
之前一直在面试,对于一些大厂面试题真的还是很注重原理和基础的, 还有就是数据结构和算法这种,校招的话,这些是很重要的, 前天和滴滴的人面试,问的真心觉得不难,而且也都是现在面试前端很常见的问题, 对于 ...
什么是宏任务、微任务？宏任务、微任务有哪些？又是怎么执行的？
文章目录前言一.那么宏任务和微任务是什么呢? 二.宏任务.微任务有哪些? 三.宏任务.微任务是怎么执行的? 四.案例总结前言关于 Javascript 的执行顺序,众所周知是按照顺序自上而下 ...
同步任务和异步任务（微任务和宏任务）
同步任务和异步任务(微任务和宏任务) JavaScript是一门单线程语言分为同步任务和异步任务同步任务是指在主线程上排队执行的任务, 只有前一个任务执行完毕,才能继续执行下一个任务. 异步任务指 ...
什么是任务,微任务和宏任务?
事件循环的讲解, 不明白可以戳一戳, 看一看微任务和宏任务的面试题 1. 什么是任务? 众所周知, JavaScript是单线程的; 一个任务就是一个线程(ajax请求, 用户触发的事件都可以称之为 ...
ES6 —— 3、async-await、微任务和宏任务、class、proxy（代理）
重写留言板2: index2.js const obj = {m:new Map(),$:name => document.querySelector(name),bind:function() ...
async js 返回值_图文讲解浏览器执行JS过程中的微任务和宏任务
背景我们知道浏览器有一个特定的事件执行机制,专业名词叫做Event Loop.如下图所示,浏览器会优先执行同步代码,遇到异步的代码时,会被挂起并在需要执行的时候加入到 Task(有多种 Task) ...

【Day09】JavaScript 为什么要区分微任务和宏任务

JavaScript 为什么要区分微任务和宏任务

【Day09】JavaScript 为什么要区分微任务和宏任务相关推荐

最新文章

热门文章