Macrotask & Microtask (Promise)

最新推荐文章于 2023-02-18 17:47:09 发布
最新推荐文章于 2023-02-18 17:47:09 发布
阅读量210 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/oldwine2009/article/details/104054711
版权

突然在帖子里看到宏任务和微任务,以前没见过. 就探寻了一下. Microtask起源于ES6的Promise, 不是jQuery的Promise . 因为经常会用到Promise,所以有必要了解执行时序(毕竟不是多线程,时序纯粹是Javascript引擎的消息循环中按照规范定义的).

Microtask 就是 PromiseJob

所谓微任务就是Promise的各种回调函数, 有人说Dom的修改也属此类,但是和我们写代码可能没关系,也没看到资料.

ES6引入Promise对象解决异步问题,同时也引入了一类新的PendingJobs (PromiseJobs), 注册到一个内部队列去(internal queue), 然后在脚本执行的间隙(传统的消息循环的Idle时段)一次性执行到清空这个内部队列(这里的小例子简明的说明了时序的规定). 而目前我们所知道的可能经由我们的代码产生的Microtask, 几乎都来自Promise(还有一个queueMicrotask函数, 直接操作队列,这个算特殊用法.).

摘录最主要的一段文字如下.
参考链接: ecma262/#sec-jobs-and-job-queues

在这里插入图片描述

其他

其他就是Macrotask就是当前执行的脚本, 同步运行的代码这部分(包括setTimeOut注册的回调和各种UI事件响应), 为了说明Microtask吧.

Null2020
关注
JavaScript中的microtask与task
miao_9的博客
03-04 1255
JS的任务执行机制 由于 JavaScript 是单线程的，所以它只有一个Call Stack，使得 JavaScript 在执行时有一个非常重要的特性：run to complete,只要运行就直到完成。 由于是单线程，所以只能通过异步解决性能问题(否则，如果前面一个任务阻塞了，那么后续的任务都要等待，这种效果是无法接受的)。 js在执行代码时存在着两个比较重要的东西：执行栈和任务队列，这两个东...
深入理解JavaScript中的macro-task(宏任务)与micro-task(微任务)
_
01-10 1754
1.宏任务 页面中的大部分任务都是在主线程上执行的，这些任务包括了： 渲染事件（如解析 DOM、计算布局、绘制）； 用户交互事件（如鼠标点击、滚动页面、放大缩小等）； JavaScript 脚本执行事件； 网络请求完成、文件读写完成事件。 为了协调这些任务有条不紊地在主线程上执行，页面进程引入了消息队列和事件循环机制，渲染进程内部会维护多个消息队列，比如延迟执行队列和普通的消息队列。然后主线程采用一个 for 循环，不断地从这些任务队列中取出任务并执行任务。我们把这些消息队列中的任务称为宏任务。
ES6 --- Promise深入学习（七）Promise 微任务（Microtask）
秋天，黄叶坠地，凉风有信。
03-04 1101
微任务（Microtask） Promise 的处理程序（handlers）.then、.catch 和 .finally 都是异步的。 即便一个 promise 立即被 resolve，.then、.catch 和 .finally 下面 的代码也会在这些处理程序（handler）之前被执行。 示例代码如下： let promise = Promise.resolve(); promise.then(() => alert("promise done!")); alert("code finis
借由queueMicrotask实现promise
围巾落地的博客
09-05 1049
借由queueMicrotask实现promise 之前那篇的基础上改进 function Promise(fn) { let that = this this.resolvedCb = [] this.rejectedCb = [] let resolve = function (value) { if (value instanceof Pro...
实例理解promise、macro-task、micro-task
Joy_Yue的博客
10-29 531
setTimeout(function(){ console.log(1); }, 0); new Promise(function executor(resolve){ console.log(2); for(var i=0; i<10000; i++){ i == 999 && resolve(); } console.log(3); }).then(fun...
Promise的执行原理——macrotask和microtask
m0_37828249的博客
05-01 1599
要理解Promise的执行原理，首先要知道EMCAScript的任务队列机制——macro-task（宏任务）和micro-task（微任务）。浏览器先执行一个macrotask，在执行macrotask过程中可能会创建新的macrotask和microtask，然后顺序执行micro-task队列中的全部任务，然后再取出一个macrotask执行……周而复始。整个script代码是一个macro...
Event loop及macrotask & microtask
李刚的学习专栏
08-01 778
写这篇文章的原因有两个：其一，团队小伙伴之前分享过《macrotask microtask介绍》这个话题，当时留下了一些疑问，至今仍模棱两可；其二，看到了「奇舞周刊」转发了一篇《从 薛定谔的猫 聊到 Event loop》的文章，内容精炼，但是有一些原则性的问题和规范有偏差。 特整理一下相关内容，以免误导大家，也对自己的掌握做一个总结（大部分内容均来自官方文档，文档结尾处有相关链接）。 Jav...
macrotask和microtask
小钢炮的博客
12-10 437
1.看一道面试题 问下面的打印结果 console.log('0'); setTimeout(function() { console.log('1'); }, 0); Promise.resolve() .then(() => { console.log('2'); }).then(() => { console.log('3'); }); async1(); a...
javascript macrotask & microtask
weixin_33691700的博客
03-25 83
先看一个 实例 案例 console.log('script start'); setTimeout(function() { console.log('setTimeout'); }, 0); Promise.resolve().then(function() { console.log('promise1'); setTimeout(function() { ...
macrotask 和 microtask
m0_65247598的博客
02-18 170
宏任务（macrotask ）和微任务（microtask ）
MacroTask和MicroTask区别
02-07
例如 Promise.then 和 process.nextTick 会添加 MicroTask。 这两种任务的执行顺序是先执行所有的 MicroTask，再执行一个 MacroTask，再执行所有的 MicroTask，以此类推。这样可以保证所有的 MicroTask 都能得到...
什么是微任务（Microtask）和宏任务（Macrotask）？
12-11
在JavaScript中，微任务（Microtask）和宏任务（Macrotask）是两种不同类型的任务，它们在事件循环（Event Loop）中有着不同的执行优先级。 ### 微任务（Microtask） 微任务是那些在当前执行栈完成后立即执行的任务...
定时器和promise_浅析setTimeout与Promise
weixin_29146477的博客
02-12 805
关于JavaScript异步编程，前文解析过了JavaScript并发模型，该并发模型基于事件循环。正好在Stackoverflow上回答了一个关于setTimeout与Promise执行顺序相关的问题，于是总结这一知识点，与更多读者分享，同时完善JavaScript异步编程系列文章。前言我们先看一到常见的前端面试题：var p1 = new Promise(function(resolve, r...
酒店客房管理系统-SSM.zip
06-12
《Java毕设项目专栏》 每个资源都包含源码+数据库脚本，大部分都有多个视频介绍这个项目的功能和代码、部署教程，数据库设计、文档等等，具体的看每个资源页面最下面的资源包目录！ 适合用来当Java毕设！
影腾MF801TC_SC_V05.bin
最新发布
06-12
当前所发布的全部内容源于互联网搬运整理收集，仅限于小范围内传播学习和文献参考，仅供日常使用，不得用于任何商业用途，请在下载后24小时内删除，因下载本资源造成的损失，全部由使用者本人承担！如果有侵权之处请第一时间联系我们删除。敬请谅解!
基于HarmonyOS的移动应用开发实践
06-12
资源下载链接为： https://pan.quark.cn/s/f46b2337d36c 本课程旨在培养精通 HarmonyOS 应用开发的专业工程师。学习者将深入了解 HarmonyOS 的基础概念与原理，掌握其技术架构，熟悉应用开发的完整流程。课程还会重点讲解 Ability 与 UI 开发的相关知识。通过系统学习，学员能够熟练进行 HarmonyOS 功能开发、调试及发布，具备胜任 HarmonyOS 应用开发工程师岗位的专业素养和实操能力。
（英文版）人工智能趋势2025-Mary Meeker-BOND.pdf、（英文版）人工智能趋势2025-Mary Meeker-BOND.pptx 备注：ppt是用wps，对pdf转的，非常不错
06-12
BOND公司的Mary Meeker写的人工智能趋势2025，非常值得一读。里面包含里英文版的pdf和ppt，要的积分很少，你值得用户。
测色啊倒萨撒旦士大夫VS地方VS发
06-12
测色啊倒萨撒旦士大夫VS地方VS发
姿品去控+全功能美化后台.bin
06-12
当前所发布的全部内容源于互联网搬运整理收集，仅限于小范围内传播学习和文献参考，仅供日常使用，不得用于任何商业用途，请在下载后24小时内删除，因下载本资源造成的损失，全部由使用者本人承担！如果有侵权之处请第一时间联系我们删除。敬请谅解!
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值