javaScriptEventLoop
2022/7/27 14:22:54
本文主要是介绍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的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-09“2024鸿蒙零基础快速实战-仿抖音App开发(ArkTS版)”实战课程已上线
- 2024-05-09聊聊如何通过arthas-tunnel-server来远程管理所有需要arthas监控的应用
- 2024-05-09log4j2这么配就对了
- 2024-05-09nginx修改Content-Type
- 2024-05-09Redis多数据源,看这篇就够了
- 2024-05-09Google Chrome驱动程序 124.0.6367.62(正式版本)去哪下载?
- 2024-05-09有没有大佬知道这种数据应该怎么抓取呀?
- 2024-05-09这种运行结果里的10.100000001,怎么能最快改成10.1?
- 2024-05-09企业src漏洞挖掘-有意思的命令执行
- 2024-05-08阿里云域名注册流程,分享给第一次购买域名的新手站长!