异步之下，看清JS的真容

前端

2023-09-07 18:48:15

JavaScript 是一门单线程的语言，这意味着它一次只能执行一个任务。但是，JavaScript 却能够处理网络请求、定时器、文件读取等复杂且耗时的任务。实际上，JavaScript 在遇到耗时的任务时都会采用异步机制。

异步编程是一种编程范式，它允许程序在等待耗时操作完成时继续执行。在 JavaScript 中，异步编程主要通过事件循环（Event Loop）、回调函数（Callback）、Promise 和 async/await 来实现。

事件循环

事件循环是 JavaScript 的核心机制之一。它是一个不断循环的过程，负责处理事件队列中的事件。事件队列是一个存储待处理事件的队列，当事件发生时，就会被添加到事件队列中。事件循环会不断从事件队列中取出事件并执行。

回调函数

回调函数是 JavaScript 中常用的异步编程技术。回调函数是一个在另一个函数执行完成后执行的函数。在 JavaScript 中，回调函数通常用于处理异步操作的结果。例如，当一个网络请求完成时，就会调用一个回调函数来处理请求的结果。

Promise

Promise 是 JavaScript 中用来处理异步操作的另一种方式。Promise 是一个对象，它代表一个异步操作的结果。Promise 有三种状态：pending、fulfilled 和 rejected。pending 表示异步操作还没有完成，fulfilled 表示异步操作已经完成并且成功，rejected 表示异步操作已经完成并且失败。

async/await

async/await 是 JavaScript 中用来处理异步操作的语法糖。async/await 可以让异步操作看起来像同步操作一样。例如，下面的代码使用 async/await 来发送一个网络请求：

async function fetchUserData() {
  const response = await fetch('https://example.com/user-data');
  const data = await response.json();
  return data;
}

在上面的代码中，fetchUserData 函数是一个异步函数，它使用 await 来等待网络请求完成。当网络请求完成后，fetchUserData 函数会返回请求的结果。