JavaScript 脚本执行过程

JavaScript 作为一门广泛应用于网页开发的脚本语言，其执行过程对于开发者深入理解和优化代码至关重要。

JavaScript 的执行过程主要涉及到两个重要概念：调用栈（Call Stack）和任务队列（Task Queue）。

调用栈是一个存储函数调用的栈结构。当程序执行到一个函数调用时，该函数的相关信息，如局部变量、参数等会被压入调用栈。函数执行完毕后，会从调用栈中弹出。例如，有函数 A 调用函数 B，那么函数 A 的信息先在调用栈底部，函数 B 的信息压在上面。B 执行完弹出，接着 A 继续执行剩余部分直至也从调用栈弹出。

任务队列则用于处理异步任务。JavaScript 是单线程的，这意味着在同一时间只能执行一个任务。而异步任务，像定时器（setTimeout、setInterval）、事件监听（如点击事件）等，不会立即执行，而是被放入任务队列。任务队列分为宏任务队列（Macro Task Queue）和微任务队列（Micro Task Queue）。宏任务包括 DOM 渲染、I/O 操作等；微任务有 Promise 的回调等。

当调用栈为空时，事件循环（Event Loop）开始工作。事件循环不断检查任务队列，先处理微任务队列，将其中的任务依次放入调用栈执行，直到微任务队列为空。然后再处理宏任务队列中的一个任务，将其放入调用栈执行。之后又检查微任务队列，如此循环往复。

以一个简单例子说明，代码中有一个 setTimeout 函数和一个 Promise。setTimeout 会被放入宏任务队列，Promise 的回调会进入微任务队列。如果此时调用栈为空，事件循环先执行微任务队列中的 Promise 回调，执行完毕后再处理宏任务队列中的 setTimeout 任务。

了解 JavaScript 脚本执行过程，有助于开发者避免阻塞主线程，合理安排异步任务，提高代码的执行效率和响应速度，从而打造出性能更优、用户体验更好的网页应用程序。