JavaScript 是单线程的脚本语言，其运行机制主要基于事件循环（Event Loop）。
- 执行栈（Call Stack）
- 执行栈是一个存储函数调用的栈结构。当 JavaScript 代码开始执行时，首先会有一个全局执行上下文（Global Execution Context）被压入执行栈。
- 当遇到函数调用时，一个新的函数执行上下文会被创建并压入栈顶。函数执行完后，其执行上下文会从栈顶弹出。例如：
function add(a, b) {
return a + b;
}
function multiply(a, b) {
return a * b;
}
let result1 = add(3, 5);
let result2 = multiply(result1, 2);
- 在这个例子中，首先
add函数的执行上下文被压入执行栈，执行完后弹出。然后multiply函数的执行上下文被压入栈，执行完后弹出。
-
堆（Heap）
- 堆是用于存储对象和动态分配内存的地方。在 JavaScript 中，所有对象（包括函数）都是存储在堆中的。
- 例如，当我们创建一个对象
let person = {name: 'John', age: 30};，这个对象就存储在堆中。对象的引用（在这个例子中person变量）存储在执行栈或其他地方（如闭包环境），通过这个引用可以访问堆中的对象。
-
消息队列（Message Queue）
- 消息队列也叫任务队列（Task Queue），用于存储异步任务的回调函数。当一个异步操作（如定时器、网络请求等）完成时，其对应的回调函数会被放入消息队列。
- 例如，
setTimeout(() => { console.log('Delayed message'); }, 1000);，当定时器设定的 1 秒时间过去后，回调函数() => { console.log('Delayed message'); }会被放入消息队列。
-
事件循环（Event Loop）
- 事件循环是 JavaScript 的核心运行机制。它不断地检查执行栈是否为空，如果为空，就会从消息队列中取出一个任务（回调函数）并将其压入执行栈执行。
- 只要消息队列中有任务，事件循环就会一直运行，不断地将任务从消息队列移到执行栈执行。这样就实现了 JavaScript 的异步操作，让代码能够在等待异步任务完成的同时执行其他代码。
- 比如，在一个网页应用中，用户点击一个按钮会触发一个事件，这个事件的处理函数会被放入消息队列，当执行栈为空时，事件循环就会将这个处理函数压入执行栈执行。
JavaScript 的这种运行机制使得它能够高效地处理单线程环境下的同步和异步任务，同时也为开发者提供了方便的异步编程方式，如使用回调函数、Promise 和 async/await 等。
标签：异步,函数,压入,队列,JavaScript,运行机制,执行 From： https://blog.csdn.net/alittlehippo/article/details/143987013