超越阻塞：了解JS 同步、异步和事件轮询的巧妙平衡

2023-10-17 06:16:26

前言

JavaScript是一种单线程编程语言，意味着它一次只能执行一个任务。这一特性对开发人员而言既是优势又是挑战。一方面，这简化了代码编写，因为你无需担心并发引发的各种问题。另一方面，这意味着如果主线程被阻塞，则整个应用程序将暂停运行。

同步、异步和事件轮询：一个交响乐团

为了解决单线程的局限性，JavaScript引入了同步、异步和事件轮询的概念，它们就像一个交响乐团中相互配合的乐器，共同奏响流畅的乐章。

同步

同步代码是指按顺序执行的代码。当一段同步代码正在执行时，它将阻塞主线程，直到执行完毕。例如：

function sum(a, b) {
  return a + b;
}

console.log(sum(1, 2));

这段代码中，sum()函数是同步的。当它被调用时，主线程将阻塞，直到函数执行完毕并返回结果。在此期间，其他任何代码都无法执行。

异步

异步代码是指可以不阻塞主线程而执行的代码。当一段异步代码被调用时，它会立即返回，而不会等待执行完毕。同时，主线程可以继续执行其他任务。例如：

setTimeout(() => {
  console.log('Hello, world!');
}, 1000);

console.log('I'm first!');

这段代码中，setTimeout()函数是异步的。当它被调用时，它将立即返回，而不会等待1000毫秒的延迟。同时，主线程继续执行console.log()函数，打印出"I'm first!"。1000毫秒后，setTimeout()函数执行完毕，打印出"Hello, world!"。

事件轮询

事件轮询是JavaScript中一种独特的机制，它允许异步代码在主线程空闲时执行。当主线程执行完同步代码后，它会检查是否存在任何待处理的异步任务。如果有，则会将这些任务放入事件队列中。然后，主线程会继续执行下一个同步任务。当主线程再次空闲时，它会从事件队列中取出一个任务并执行。这个过程不断重复，直到所有异步任务都执行完毕。