Microtasks队列
来源:互联网 发布:多臂老虎机推荐算法 编辑:程序博客网 时间:2024/06/15 20:18
在进一步学习到promise的时候,发现当初认识的太浅,原来还存在Micritasks这东西。
基本
macrotasks == task != microtasks
执行他们可以简单的总结为:
首先把task中的第一个任务放到stack, 并执行, 执行完毕;
开始执行microtask队列中的全部任务,执行完毕
下一个循环,执行下一个task中的任务,重复第二步。
我们来看一张模拟图:
Task:就是(我最开始理解的任务队列)macrotask。包含了srcipt, setTimeout, setInterval, I/O
;
Microtasks: 我之前不了解的另外一个任务队列,通常有process.nextTick, promise then, Object.observer
;
JS Stack: 执行栈;
上图来自这里简单易懂;
简单分析上面:
读取第一个task, 也就是script里面的代码, 放入JS Stack中;
打印
script start
;遇到
setTimeout
,等待0s后,把setTimeout callback
放到task中,做为第二个task;遇到
Promise
, Promise callbacks 是microtasks 队列中的,把Prmomise then
放入microtasks队列;打印
script end
;把 script移出 JS Stack, 在这个task(也就是第一个task,script里面的代码)结束之前执行microtasks里的任务;
把 Promise callback 放入JS stack,并开始执行;
打印
promise1
下一个
.then
也是一个microtasks,放入microtasks 队列中;第一个microtask 执行完毕,移出Microtasks队列, 读取第二个microtask,放入JS Stack中 ,打印
promise2
,第一个task执行完毕,把第一个task移出Tasks队列,开始读取第二个task, 也就是
setTimeout callback
把
setTimeout callback
放入JS Stack 中开始执行;打印
setTimeout
;
因此最后的结果是,script start, script end, promise1, promise2, setTimeout
;
请多指教。
- Microtasks队列
- 从Promise来看JavaScript中的Event Loop、Tasks和Microtasks
- 队列
- 队列
- 队列
- 队列
- 队列
- 队列
- 队列
- 队列
- 队列
- 队列
- 队列
- 队列
- 队列
- 队列
- 队列
- 队列
- JavaScript 冒泡排序
- Python轻松入门-24 解包列表
- 文章标题
- 谈谈IT行业的一些生存之道!
- HTTP协议简析
- Microtasks队列
- 给自己留下伏笔--免费软件生存之道
- 【前端技巧】如何在网页标题上添加图片
- python 函数库/小方法
- 2783: [JLOI2012]树
- 一.数据库分类、设计、优化
- 关于幽门螺旋杆菌
- 折中查找法的算法
- js事件总结之概述续