Promise、Js异步之宏队列与微队列

素颜马尾好姑娘i 2022-10-29 12:29 203阅读 0赞

#### 回调原则： ####

1. 宏列队: 用来保存待执行的宏任务(回调), 比如: 定时器回调/DOM事件回调/ajax回调
    2. 微列队: 用来保存待执行的微任务(回调), 比如: promise的回调/MutationObserver的回调
    3. JS执行时会区别这2个队列
    	JS引擎首先必须先执行所有的初始化同步任务代码
    	**每次准备取出第一个宏任务执行前, 都要将所有的微任务一个一个取出来执行**

原则：每次准备取出第一个宏任务执行前, 都要将所有的微任务一个一个取出来执行

setTimeout(() => {  // 会立即放入宏列队
          console.log('timeout callback1()')
          Promise.resolve(3).then(
            value => {  // 会立即放入微列队
              console.log('Promise onResolved3()', value)
            }
          )
        }, 0)
        setTimeout(() => {  // 会立即放入宏列队
          console.log('timeout callback2()')
        }, 0)
        Promise.resolve(1).then(
          value => {  // 会立即放入微列队
            console.log('Promise onResolved1()', value)
          }
        ) 
        Promise.resolve(2).then(
          value => {  // 会立即放入微列队
            console.log('Promise onResolved2()', value)
          }
        )

测试结果：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6ajEwNDk1NjE2MDE_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6ajEwNDk1NjE2MDE_size_16_color_FFFFFF_t_70]: /images/20221024/09cb11f61e2b40a3b3595a1d806f8c9e.png

发表评论取消回复

表情：

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

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

相关阅读

相关 JavaScript微任务与宏任务、异步、事件循环与消息队列理解

一直对谁js里面谁先执行、谁后执行、微任务、宏任务是一团浆糊，这两天看看了掘金上大神(ZavierTang)的文章做个笔记，加深一下印象 js是单线程、异步、非阻塞、解释型脚

￡神魔★判官ぃ/ 2023年06月14日 04:18/ 0 赞/ 16 阅读

相关 JS异步之宏队列与微队列

1. 原理图 ![format_png][] 2. 说明 JS 中用来存储待执行回调函数的队列包含 2 个不同特定的列队宏列队：用来保存待

逃离我推掉我的手/ 2023年03月01日 06:24/ 0 赞/ 43 阅读

相关 vue 任务队列和异步更新策略（清晰理解任务队列、微任务、宏任务）

事件循环 > JavaScript 语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。为了协调事件、用户交互、脚本、UI 渲染和网络处理等行为，防止主线程的不阻

小鱼儿/ 2023年02月21日 09:31/ 0 赞/ 24 阅读

相关 Promise、Js异步之宏队列与微队列

回调原则： 1. 宏列队: 用来保存待执行的宏任务(回调), 比如: 定时器回调/DOM事件回调/ajax回调 2. 微列队: 用来保存待执行的微任务(回

素颜马尾好姑娘i/ 2022年10月29日 12:29/ 0 赞/ 203 阅读

相关 Vue异步更新队列

以下为官网详解 [Vue异步更新队列][Vue] Vue 在更新 DOM 时是异步执行的。只要侦听到数据变化，Vue 将开启一个队列，并缓冲在同一事件循环中发生的

约定不等于承诺〃/ 2022年10月24日 05:49/ 0 赞/ 152 阅读

相关 C 宏实现队列

[http://trac.openrays.org/projects/pmon/browser/trunk/sys/sys/queue.h?rev=2][http_trac.o

蔚落/ 2022年09月30日 07:06/ 0 赞/ 137 阅读

相关 java之异步消息队列

最近在研究网站的异步消息队列模型，渐渐有了一些心得，下面就说说我个人对于消息队列的理解。什么是消息队列？所谓消息队列，就是一个以队列数据结构为基础的一个实体，

超、凢脫俗/ 2022年06月08日 12:45/ 0 赞/ 495 阅读

相关 tensorflow 队列管理之异步操作

-- coding: utf-8 -- """ Created on Thu Oct 25 09:49:34 2018 @autho

阳光穿透心脏的1/2处/ 2022年05月13日 15:34/ 0 赞/ 126 阅读

相关数据结构（四）：队列之循环队列与链队列

队列概念队列是一种先进先出的结构，只允许在一端进行插入操作，在另一端进行删除操作，简称 FIFO ，允许插入的一端称为队尾，允许删除的一端称为队头假设队列

亦凉/ 2021年09月10日 16:24/ 0 赞/ 682 阅读

相关宏队列和微队列、event-loop事件循环

执行顺序: javaScript的单线程机制,会执行完所有同步任务,再去执行队列中的任务相同类型的任务,从上往下执行不同类型:微队列任

水深无声/ 2021年07月24日 12:36/ 0 赞/ 468 阅读