JS理论：调用栈、事件循环、消息队列（也叫任务队和回调队列）、作业队列（微任务队列）...

最新推荐文章于 2025-06-16 22:56:14 发布

weixin_30545285

最新推荐文章于 2025-06-16 22:56:14 发布

阅读量404

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lelexiu/p/10095718.html

本文深入解析JavaScript的执行原理，包括调用栈、事件循环、消息队列和工作任务的概念及运行机制，帮助读者理解JS异步编程的基础。

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

一：调用栈是个什么鬼东西，它具有栈的属性--后进先出
先看一段简单的JS代码：
const second = function(){
console.log('hello there');
}
const first = function() {
console.log('hi,first');
second();
}
console.log('The Start');//直接输出就是直接进栈，执行完后出栈
first();//方法先进栈，执行完内部程序，最后出栈
console.log('The End');

二：事件循环又是何方妖孽？
形象来说，他和调用栈一样存放的都是要执行的程序。不同的是，只有调用栈里面的才会被执行。
所以，事件循环回去判断调用栈里面的事件是否为为空，就是执行完了没？要是执行完了，就有坑位，事件循环里面的事件就会塞入调用栈。

三：消息队列
消息队列里面放的是一些待触发执行的方法，如点击事件，当触发之后，会被通知主线程去执行
（为什么只能去主线执行?因为JS是单线程的，只有在主线程上面的才能被执行，消息队列就是不在主线程，消息队列里面的想被执行只能去通知主线程）

四：工作任务
他的里面执行的方法优先级高于消息队列里面的回调函数
console.log('The Start');//工作任务
const first = function() {
setTimeout(function (){
console.log('hi,first')//消息队列里面的回调函数
},0)
}
first();
console.log('The End');//工作任务
执行结果为：
The Start
The End
hi,first

转载于:https://www.cnblogs.com/lelexiu/p/10095718.html