2023-10-19 15:34 web前端

关注

前端事件循环的小疑问

#前端##前端面试必备宝典#
我所理解的事件循环是图里的这样的。然后查阅相关资料关于微任务和宏任务的区别。
微任务：直接在js引擎中执行，没有参与事件循环的异步任务
宏任务：参与了事件循环的异步任务
那么问题来了，微任务是怎么进入事件队列的，走不走浏览器线程？走的话那不就是参与了事件循环了？不走的话通过js线程直接放到队列里？

全部评论

推荐最新楼层

浙江工业大学机械类

浏览器环境下，宏任务是放在消息队列里的，事件循环for(;;)从消息队列里取出来执行，个别还有其他队列，比如setTimeout的延时队列，执行都是由渲染进程中的主线程执行的，而微任务是在执行代码过程中，V8引擎开辟一个空间存放微任务队列，所以微任务是代码层级的，宏任务结束之后会有检查点清空微任务队列。

2

送花回复

发布于 2023-10-19 16:22 浙江

前端工程师

我认为事件循环中遇到宏任务微任务才会放到队列中，所以 setTimeout是同步执行的里面的回调函数是异步执行的

2

送花回复

发布于 2023-10-19 21:48 北京

滴滴

校招火热招聘中

官网直投

宇宙机吴彦祖

中通快递_前端开发(准入职员工)

你的理解是有问题的，目前的浏览器有微任务队里实现，blink宏任务按照类型也实现了不同的队列，blink中这块源码: https://source.chromium.org/chromium/chromium/src

1

送花回复

发布于 2023-10-19 23:16 上海

楼主

web前端

还是说，微任务队列是藏在js引擎内部的，跟宏任务不是一起的，图里所谓的事件队列就只是宏任务队列

点赞

送花回复

发布于 2023-10-19 15:40 广东

浏览器中有多个“微任务”队列，会按照队列的优先级依次执行，定时器任务放在微任务优先级低的任务队列中。

点赞

送花回复

发布于 2023-10-20 00:21 上海

前端工程师

js主线程的执行本身就可以看作是一次宏任务，在这个宏任务里会执行掉同步任务在执行所以微任务。后续宏任务同理

点赞

送花回复

发布于 2023-10-20 06:57 上海

楼主

web前端

这是我最新的理解

点赞

送花回复

发布于 2023-10-22 17:16 广东

不上岸不改名！

05-15 09:22

算法工程师

华为OD机试统一考试D卷C卷 - 火星文计算

题目描述已知火星人使用的运算符为#、$，其与地球人的等价公式如下：x#y = 2*x+3*y+4x$y = 3*x+y+2其中x、y是无符号整数地球人公式按C语言规则计算火星人公式中，$的优先级高于#，相同的运算符，按从左到右的顺序计算现有一段火星人的字符串报文，请你来翻译并计算结果。输入描述火星人字符串表达式（结尾不带回车换行）输入的字符串说明：字符串为仅由无符号整数和操作符（#、$）组成的计算表达式。例如：123#4$5#67$78。用例保证字符串中，操作数与操作符之间没有任何分隔符。用例保证操作数取值范围为32位无符号整数。保证输入以及计算结果不会出现整型溢出。保证输入的字符串为合法的求...

投递华为等公司10个岗位 > 华为OD机试刷题

点赞评论收藏

转发

05-07 13:58

华南师范大学计算机类

求大佬们分享一下前端八股内容

想问一下大佬们，前端的八股大概有什么内容，给大佬们跪了

点赞评论收藏

转发

笑填舔(*^_^*)

04-28 21:48

前端工程师

vue面试题目|收集依赖，react和vue的区别

27. Vue是如何收集依赖的？在初始化 Vue 的每个组件时，会对组件的 data 进行初始化，就会将由普通对象变成响应式对象，在这个过程中便会进行依赖收集的相关逻辑，如下所示∶ function defieneReactive (obj, key, val){ const dep = new Dep(); ... Object.defineProperty(obj, key, { ... get: function reactiveGetter () { if(Dep.target){ dep.depend(); .....

点赞评论收藏

转发

05-08 10:26

中国科学技术大学电子信息类

蚂蚁，四月三十号hr面完让等消息，还没信息，好煎熬。想问问是因为太菜了他们想招更优秀的吗，就算没人和我竞争他们也想等一等？还是说必须候选人够一定数量才能开始排序筛选

点赞评论收藏

转发

不愿透露姓名的神秘牛友

04-25 00:21

promise面试题

如图，请问为什么输出是0、1、2、3、4、5、6？大概知道是跟微任务有关。但是不知道具体的原因。求解答。谢谢！#牛客帮帮团来啦！有问必答#

牛客帮帮团来啦！有问必答

点赞评论收藏

转发

点赞 6 评论

招聘动态

滴滴

2025届秋招储备实习生招聘

全站热榜

正在热议

# 牛客帮帮团来啦！有问必答 #

750733次浏览 11960人参与

# 你的工作大概什么时候入职？ #

2764次浏览 37人参与

# 海康威视求职进展汇总 #

94610次浏览 1141人参与

# 百度工作体验 #

23885次浏览 246人参与

# 今年形式下双非本找得到工作吗 #

7543次浏览 160人参与

# 2022届毕业生现状 #

320860次浏览 4443人参与

# 你的秋招进行到哪一步了 #

359333次浏览 6318人参与

# 产品实习，你更倾向大公司or小公司 #

37477次浏览 579人参与

# 非技术岗是怎么找实习的 #

75853次浏览 1416人参与

# 比亚迪求职进展汇总 #

167062次浏览 1239人参与

# 你觉得比亚迪今年还有春招吗？ #

46269次浏览 333人参与

# 学历对求职的影响 #

133891次浏览 1523人参与

# 面试等了一周没回复，还有戏吗 #

41177次浏览 502人参与

# 浅聊一下我实习的辛苦费 #

82598次浏览 769人参与

# 国企和大厂硬件兄弟怎么选？ #

45278次浏览 851人参与

# 0offer是寒冬太冷还是我太菜 #

417693次浏览 4841人参与

# 铜五铁六真的存在吗？ #

29096次浏览 302人参与

# 考研失败就一定是坏事吗？ #

20587次浏览 216人参与

# 通信硬件人笔面经互助 #

115388次浏览 2293人参与

# 荣耀求职进展汇总 #

66603次浏览 670人参与

牛客网
牛客企业服务