JS事件循环机制

本文深入探讨了JavaScript作为异步单线程语言的工作原理,解释了事件循环机制,并通过具体的例子解析了微任务与宏任务的区别及执行顺序。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

JS是异步单线程语言

如果只有同步模式,遇到耗时操作,页面便会阻塞,比如接口请求不到数据,代码就不会继续执行,直到接口请求成功。这样显然不现实也不实用。所以异步模式应运而生。

事件运行示意图在这里插入图片描述

事件执行规则

一:先同步后异步

                   注意:异步先放入线程中,不会马上放入到任务队列中

下面看一道题:
在这里插入图片描述

解答:24573186 先执行同步任务所以是2457,接下来执行异步任务,但这里要注意中间有个for循环花费了33ms事件所以可以得到

10ms时放入异步任务3
20ms时放入异步任务1
43ms时放入异步任务8
10ms时放入异步任务6

二: 先微任务后宏任务

       注意:异步任务分为微任务和宏任务
异步任务具体包含
宏任务setTimeout,setInterval,setImmediate,ajax请求,requestAnimationFrame
微任务process.nextTick,promise,Async/Await

下面是字节跳动的一道面试题

在这里插入图片描述
答案是DACFHBGE
注意:详细解释请参考哔哩哔哩超详解

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值