微任务和宏任务的区别及具体场景

微任务和宏任务皆为异步任务，它们都属于一个队列，主要区别在于他们的执行顺序，Event Loop的走向和取值。

任务之间的一些划分

概念

1.宏观任务：当前调用栈中执行的代码成为宏任务。（主代码块、setTimeout、setInterval、I/O、UI 交互事件、setImmediate等等）。

2.微观任务：当前（此次事件循环中）宏任务执行完，在下一个宏任务开始之前需要执行的任务,可以理解为回调事件。（Promise.then、MutaionObserver、process.nextTick等等）。

3.宏任务中的事件放在callback queue中，由事件触发线程维护；微任务的事件放在微任务队列中，由js引擎线程维护。

任务之间的执行顺序

宏任务与微任务之间的执行顺序(同步任务->微任务->宏任务)
到这里，必须得用代码来举个例子

微任务和宏任务的区别及具体场景相关推荐

微任务，宏任务，DOM渲染的执行顺序
event loop过程同步代码,一行一行放在Call Stack执行遇到异步先记录下来,等待时机(定时,网络请求) 时机一到立马推入Callback Queue中如Call Stack为空(同 ...
ES6 —— 3、async-await、微任务和宏任务、class、proxy（代理）
重写留言板2: index2.js const obj = {m:new Map(),$:name => document.querySelector(name),bind:function() ...
详解队列在前端的应用，深剖JS中的事件循环Eventloop，再了解微任务和宏任务
队列在前端中的应用一.队列是什么二.应用场景三.前端与队列:事件循环与任务队列 1.event loop 2.JS如何执行 3.event loop过程 4. DOM 事件和 event loo ...
JavaScript异步编程【上】 -- 同步和异步、事件循环（EventLoop）、微任务和宏任务、回调函数
文章内容输出来源:拉勾教育大前端高薪训练营前言在我们学习JavaScript中,我们知道,JavaScript的执行环境是单线程的.所谓单线程是指一次只能完成一个任务,如果有多个任务,就必须排队 ...
JavaScript基础：浅聊事件循环(Event LooP)以及微任务，宏任务，DOM渲染
一直说JavaScript是单线程的执行的(当然也可以通过其它其它的方式异步,本篇暂时不聊). 内核的组成首先聊一下浏览器的内核组成部分,当然下面也不是全部,而只是说一些常见的. 主线线程 js引擎 ...
async js 返回值_图文讲解浏览器执行JS过程中的微任务和宏任务
背景我们知道浏览器有一个特定的事件执行机制,专业名词叫做Event Loop.如下图所示,浏览器会优先执行同步代码,遇到异步的代码时,会被挂起并在需要执行的时候加入到 Task(有多种 Task) ...
内联函数有什么优点？内联函数与宏定义的区别？
内联函数的优点内联函数比宏定义更加的安全,因为前者进行参数检查,而后者仅仅是简单地文本替换. 内联函数和宏定义的区别宏定义是在预处理阶段进行的文本替换. 内联函数是在编译阶段进行的替换,优点是减少 ...
微内核和宏内核的区别_8086微处理器中的过程和宏之间的区别
微内核和宏内核的区别 Prerequisite 先决条件 Procedure in 8086 Microprocessor 8086微处理器中的过程 Macros in 8086 Microproce ...
【Day09】JavaScript 为什么要区分微任务和宏任务
JavaScript 为什么要区分微任务和宏任务区分微任务和宏任务是为了将异步队列任务划分优先级,通俗的理解就是为了插队. 一个 Event Loop,Microtask 是在 Macrotask ...

微任务和宏任务的区别及具体场景

微任务和宏任务的区别及具体场景

概念

1.宏观任务：当前调用栈中执行的代码成为宏任务。（主代码块、setTimeout、setInterval、I/O、UI 交互事件、setImmediate等等）。

2.微观任务：当前（此次事件循环中）宏任务执行完，在下一个宏任务开始之前需要执行的任务,可以理解为回调事件。（Promise.then、MutaionObserver、process.nextTick等等）。

3.宏任务中的事件放在callback queue中，由事件触发线程维护；微任务的事件放在微任务队列中，由js引擎线程维护。

任务之间的执行顺序

微任务和宏任务的区别及具体场景相关推荐

最新文章

热门文章

微任务和宏任务的区别及具体场景

微任务和宏任务的区别及具体场景

概念

1.宏观任务：当前调用栈中执行的代码成为宏任务。（主代码块、setTimeout、setInterval、I/O、UI 交互事件、setImmediate等等）。

2.微观任务： 当前（此次事件循环中）宏任务执行完，在下一个宏任务开始之前需要执行的任务,可以理解为回调事件。（Promise.then、MutaionObserver、process.nextTick等等）。

3.宏任务中的事件放在callback queue中，由事件触发线程维护；微任务的事件放在微任务队列中，由js引擎线程维护。

任务之间的执行顺序

微任务和宏任务的区别及具体场景相关推荐

最新文章

热门文章

2.微观任务：当前（此次事件循环中）宏任务执行完，在下一个宏任务开始之前需要执行的任务,可以理解为回调事件。（Promise.then、MutaionObserver、process.nextTick等等）。