JavaScript|事件循环模型

图解事件循环模型

在这里插入图片描述

相关的重要概念

执行栈:
execution stack
所有代码都在此空间执行。

浏览器内核:
browser core
JS引擎模块(在主线程处理)
其他模块(在主/分线程处理)

callback queue 回调队列包括:
任务队列 task queue 、 消息队列 message queue、事件队列 event queue均在回调队列里面。

事件轮询:
event loop
从任务队列中循环取出回调函数放入执行栈中处理(一个接一个)。

如果有错误,希望得到指正,谢谢~
欢迎一起讨论学习~

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
JavaScript和Node.js都采用事件循环机制来处理异步操作。事件循环是一种执行模型,它允许JavaScript在单线程上运行,同时处理异步操作。下面是JavaScript和Node.js事件循环的简要介绍: JavaScript事件循环JavaScript事件循环由一个事件队列和一个执行栈组成。当代码执行时,它会被添加到执行栈中。如果代码中包含异步操作,例如定时器或者事件监听器,那么这些操作会被添加到事件队列中。当执行栈为空时,事件队列中的下一个事件会被取出并添加到执行栈中执行。这个过程会一直重复,直到事件队列为空。 Node.js事件循环: Node.js事件循环JavaScript事件循环类似,但是它包含了更多的阶段。Node.js事件循环包含了6个阶段,分别是timers、I/O callbacks、idle、prepare、poll和check。在每个阶段中,Node.js会执行相应的操作。例如,在timers阶段中,Node.js会执行所有的定时器回调函数。在poll阶段中,Node.js会等待I/O事件完成并执行相应的回调函数。如果事件队列为空并且没有被设置任何定时器,那么Node.js会在这个阶段等待新的事件被添加到事件队列中。 下面是一个简单的Node.js事件循环的例子: ```javascript // 输出结果:timer1 timer2 promise1 promise2 console.log('timer1'); setTimeout(() => { console.log('timer2'); }, 0); Promise.resolve().then(() => { console.log('promise1'); }).then(() => { console.log('promise2'); }); console.log('end'); ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值