我们通常把宿主发起的任务称为宏观任务,把 JavaScript引擎发起的任务称为微观任务。
以下事件属于宏任务:
setlnterval()
setTimeout()
以下事件属于微任务
Promise().then(function(){})
new MutationObserver()
<script>
setTimeout(
function(){
console.log(1);
}
)
new Promise(
function(resolve,reject){
console.log(2)
resolve(3)
}).then(function(val){
console.log(val)
})
</script>
事件循环闭环流程
当执行栈为空时,执行以下步骤
1.执行微任务队列
a.选择微任务队列中最早的任务(任务x)
b.如果任务x为空(意味着微任务队列为空),跳转到步骤(g)
c.将”当前正在运行的任务”设置为“任务x “
d.运行”任务x”
e.将”当前正在运行的任务”设置为空,删除”任务x”
f.选择微任务队列中下一个最早的任务,跳转到步骤(b)
g.完成微任务队列;
2.选择宏任务队列中最早的任务(任务A)
3.将”当前正在运行的任务”设置为“任务A”
4.运行”任务A”(表示运行回调函数)同步代码
5.跳到第1步。
6.将”当前正在运行的任务”设置为空,删除“任务A”结束本次Loop循环
7.跳到第2步。
执行过程
多线程任务切换
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/tech/pnotes/277249.html