[Promise] 宏队列 / 微队列

最新推荐文章于 2024-11-09 09:51:19 发布

Voices_

最新推荐文章于 2024-11-09 09:51:19 发布

阅读量386

点赞数

分类专栏：前端文章标签：前端 javascript 开发语言

本文链接：https://blog.youkuaiyun.com/jinwenshuo2007/article/details/126539737

版权

前端专栏收录该内容

40 篇文章

订阅专栏

概念

之前是没有微队列这个概念的，ES6新增了promise和微队列这个概念

目前js执行代码大致分为三部分：

主线程：主线程上的代码按顺序执行，这没什么好解释的

宏队列：所有宏任务按顺序推送到宏队列中，例如 setTimeout ,onclick等都属于宏任务

微队列：Promise里的回调属于微任务，会推送到微队列中，

另外，微队列的优先级大于宏队列

核心概念

宏任务每次执行前，都会检查是否有微任务，如果有，就先执行微任务，再执行宏任务

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Voices_

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

宏队列与微队列

qq_39838293的博客

09-04

1093

一、原理图二、定义说明 JS 中用来存储待执行回调函数的队列包含 2 个不同特定的列队 **宏列队：**用来保存待执行的宏任务（回调），比如：定时器回调、DOM 事件回调、ajax 回调 **微列队：**用来保存待执行的微任务（回调），比如：promise的回调、MutationObserver 的回调 JS 引擎首先必须先执行所有的初始化同步任务代码每次准备取出第一个宏任务执行前, 都要将所有的微任务一个一个取出来执行，也就是优先级比宏任务高，且与微任务所处的代码位置无关下面这个例子可

JS异步之宏队列与微队列

XUYIGE的博客

03-31

367

异步任务都放到“任务队列”中执行队列分为宏队列和微队列 setTimeout(()=>{//会立即放入宏队列 console.log("timeout callback()") },0) Promise.resolve(1).then( value=>{ //会立即放入微队列 console.log("Promise onResolved()",value) } ...

参与评论您还未登录，请先登录后发表或查看评论

宏队列和微队列

搞笑范fan

07-05

1087

promise，宏任务和微任务，执行顺序

微队列和宏队列

s8806479的博客

07-08

647

https://www.jianshu.com/p/d3ee32538b53

前端常见面试题之异步（event loop, promise, async/await, 宏任务/微任务）

jieyucx的博客

01-11

1671

1.执行async函数，返回的是Promise对象2. await相当于Promise的then3. try…catch可捕获异常，代替了Promise的catch。

JS异步宏队列与微队列原理区别详解

10-15

- 微任务是在当前宏任务执行过程中产生的，它们会立刻被添加到微任务队列中，等待当前宏任务执行完毕后再执行。 - 微任务包括Promise的resolve/reject回调、MutationObserver的回调等。 - 微任务的执行不会等待新...

js代码-题目：区分宏队列，微队列

07-14

在宏任务执行完毕后，JavaScript会处理微队列，因此"promise1"和"promise2"会被先打印出来，最后宏队列的"timeout"任务被执行，打印出"timeout"。总结来说，宏队列和微队列是JavaScript异步模型的重要组成部分，...

JS异步宏队列微队列原理详解

10-14

例如，在给定的代码段中，两个setTimeout回调被添加到宏队列，而两个Promise的then回调被添加到微队列。由于微任务的优先级更高，因此Promise的回调会先于setTimeout执行。因此，输出顺序为： 1. Promise ...

【Promise】JS 异步之宏队列与微队列

最新发布

weixin_45980065的博客

11-09

1145

/上面是pending状态，将此回调函数先存在callbacks中，3执行后放4。//.then()执行，内部缓存回调函数，然后外层.then()执行完毕。//放入微队列 return undefined。//timeout callback2()之前。//每次取出宏任务前需要把所有的微任务处理掉。//输出：2 5 3 4 1。//输出：3 2 4 1。//first()成功。//会立即放入宏队列。//会立即放入微队列。//会立即放入宏队列。//会立即放入微队列。//会立即放入微队列。

JavaScript 异步之宏队列与微队列

好好学习天天向上

03-21

2149

文章目录js 异步之宏队列与微队列 js 异步之宏队列与微队列异步执行的函数(回调函数)放入队列中执行。队列分为宏队列与微队列。 宏队列：用来保存执行的宏任务（回调），比如：dom事件回调，ajax回调，定时器回调微队列：用来保存执行的微任务（回调），比如：promise回调，mutation回调 1.JS为单线程引擎，必须先执行所有的初始化同步任务代码。 2.每次取出第一个宏任务执行前，都要将所有的微任务执行完毕。同步->微队列->宏队列 setTimeout(()=>{ //

JS异步之宏队列与微队列.md

LLLLLLLLLLe的博客

10-21

266

原理图异步执行的回调函数有一个共同特点：在合适的时机都会被放到队列里面去。下面来看一些哪些种类的回调函数是放到宏队列，哪些是放到微队列的 宏队列中每一个回调称为宏任务，微队列中的每一个回调称为微任务 宏队列：用来保存待执行的宏任务（回调） dom事件回调 ajax回调定时器回调微队列：用来保存待执行的微任务（回调） promise回调 mutation回调 setTimeout(() => { // 会立即放入宏队列 console.log("ti

宏任务队列和微任务队列

一个程序媛的学习之路

10-08

177

任务执行顺序

Promise

底层码农

11-26

6175

Promise

【JS】Event loop、宏队列与微队列

Voiceu的博客

05-29

432

JS 是门非阻塞单线程语言，因为在最初 JS 就是为了和浏览器交互而诞生的。如果 JS 是门多线程的语言话，我们在多个线程中处理 DOM 就可能会发生问题（一个线程中新加节点，另一个线程中删除节点），当然可以引入读写锁解决这个问题。参考所以需要对异步代码进行特殊的处理才行 macrotask（宏任务）在浏览器端，其可以理解为该任务执行完后，在下一个macrotask执行开始前，浏览器可以进行页面渲染。（对应了上一篇文章讲的script代码执行完成后，在执行下一段script代码前，页面渲染了之前的dom

JS宏队列与微队列

beademon的博客

03-07

671

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 JS宏队列与微队列一、宏队列二、微队列宏任务微任务执行顺序一、宏队列 宏队列用来保存待执行的宏任务，其中宏任务包括 1.ajax回调函数 2.定时器回调函数 3.DOM事件回调函数二、微队列用来保存待执行的微任务，其中微任务包括 1.Promise的回调函数 2.MutationObserve的回调函数宏任务微任务执行顺序 JS首先执行所有的初始化同步代码，当在取出宏任务之前会先去查看微队列，看队列中是否有待执行的微任务，若有则需

JS宏队列微队列

wdhxs的博客

08-05

622

javascript在执行时，遇到异步执行的方法，不会等异步方法返回结果再继续向下执行，而是先将异步方法放到一个队列中，然后继续执行，最后主线程空闲时，再按照顺序执行队列里的异步方法，叫做事件轮回。队列又分为宏队列和微队列，将宏任务放在宏队列，微任务放在微队列，在执行时遵循先全局方法，后微任务，最后宏任务的顺序。宏任务：setTimeout, setInterval, setImmediate, I/O, UI rendering. 微任务：process.nextTick, Promise.then,

掌握JavaScript宏队列与微队列的区别

4. 微任务与宏任务执行顺序：在单次事件循环的迭代中，首先执行的是宏任务，当宏任务执行完毕后，事件循环会立即执行所有微任务队列中的任务，直到微队列为空。之后，才会进行下一轮事件循环，开始处理下一个宏任务...