高级 JavaScript：探索事件循环

介绍

javascript 是一种在 web 开发中强大且广泛使用的编程语言。它最有趣的方面之一是它的并发模型，尽管它是单线程的，但它允许它有效地处理多个任务。了解事件循环对于编写高性能且无错误的 javascript 代码至关重要，尤其是在复杂的应用程序中。

理解 javascript 的并发模型

单线程性质

javascript 是单线程的，这意味着它按顺序执行代码，一次执行一个操作。这与多线程语言相反，多线程语言可以同时运行。然而，javascript 使用事件驱动的非阻塞架构来管理并发并有效地处理异步任务。

并发模型

javascript 使用基于事件循环的并发模型，这使得它能够执行非阻塞操作。该模型对于处理 i/o 操作、网络请求和用户交互等任务（无需冻结用户界面）至关重要。

事件循环解释

什么是事件循环？

事件循环是 javascript 用来协调代码执行、处理事件和管理异步任务的机制。它不断检查调用堆栈以查看是否有任何函数需要运行，并在堆栈为空时处理回调队列中的任务。

立即学习“Java免费学习笔记（深入）”；

事件循环的组成部分

1. 调用栈

调用堆栈跟踪函数调用。当一个函数被调用时，它被添加到堆栈中，当它完成时，它被删除。

例子：

function greet() {  console.log('hello');}function saygoodbye() {  console.log('goodbye');}greet();saygoodbye();

2. web api

web api 由浏览器（或 node.js）提供，包括 settimeout、dom 事件、fetch 等功能。它们用于执行主执行线程之外的任务。

例子：

console.log('start');settimeout(() => {  console.log('timeout');}, 1000);console.log('end');

3.回调队列（任务队列）

回调队列保存带有要处理的回调的消息。事件循环从队列中取出任务，并在堆栈为空时将它们添加到调用堆栈中执行。

4. 微任务队列

微任务队列用于当前操作完成后需要立即运行的任务。承诺和突变观察者在这里处理。

console.log('Start');setTimeout(() => {  console.log('Timeout');}, 0);Promise.resolve().then(() => {  console.log('Promise');});console.log('End');