javaScriptEventLoop


我们通常把宿主发起的任务称为宏观任务,把 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步。

执行过程
javaScriptEventLoop

多线程任务切换
javaScriptEventLoop
javaScriptEventLoop

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/277249.html

(0)
上一篇 2022年7月27日
下一篇 2022年7月27日

相关推荐

发表回复

登录后才能评论