用「event loop」规范解开JavaScript异步的难题

前端

2024-02-24 06:19:57

异步的本质

异步，简单来说就是“非同步”，即任务不按顺序执行，而是同时执行。异步编程是一种非常重要的编程范式，它可以让程序在不等待某些任务完成的情况下继续执行其他任务，从而大大提高了程序的效率。

JavaScript中的异步

JavaScript是一种单线程语言，这意味着它一次只能执行一个任务。然而，JavaScript可以通过异步编程来实现同时执行多个任务。在JavaScript中，异步任务通常由回调函数或Promise对象来处理。

回调函数

回调函数是一种在异步任务完成后执行的函数。当一个异步任务开始执行时，它会注册一个回调函数，当任务完成后，回调函数会被调用。

例如，以下代码使用回调函数来处理一个异步任务：

function myAsyncFunction(callback) {
  setTimeout(() => {
    callback("Hello, world!");
  }, 1000);
}

myAsyncFunction((result) => {
  console.log(result); // "Hello, world!"
});

Promise对象

Promise对象是一种表示异步操作的最终完成或失败的容器。Promise对象有两个状态：已完成和已拒绝。当异步操作完成时，Promise对象会进入已完成状态，并调用注册的成功回调函数；当异步操作失败时，Promise对象会进入已拒绝状态，并调用注册的失败回调函数。

例如，以下代码使用Promise对象来处理一个异步任务：

const myAsyncFunction = () => {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve("Hello, world!");
    }, 1000);
  });
};

myAsyncFunction()
  .then((result) => {
    console.log(result); // "Hello, world!"
  })
  .catch((error) => {
    console.error(error);
  });