简单了解JavaScript异步

什么是JavaScript异步？

JavaScript是一门单线程语言，也就是说它同时只可以执行一段代码，而异步编程是针对这种单线程限制的解决方案。简单来说，异步编程就是在主线程未被阻塞的情况下执行其他任务。

举个例子，如果你需要向服务器发送一个请求，但是你不想等待服务器返回数据之后才能继续执行代码，这时就需要异步编程来处理这个问题。

常见的JavaScript异步编程方式

回调函数

JavaScript中最常用的异步编程方式就是通过回调函数来实现。

回调函数就是在某个函数A中传入一个函数B，并在函数A执行完毕后调用函数B。这种方式可以在函数A执行完毕前，使得程序执行其他操作。

下面是一个基于回调函数实现的异步编程示例：

function fetchData(callback) {
  setTimeout(() => {
    callback({
      data: {
        name: 'John',
        age: 25
      }
    });
  }, 1000);
}

function displayData() {
  console.log('Displaying data...');

  fetchData(data => {
    console.log(data);
  });

  console.log('Data displayed.');
}

displayData();

在以上示例中，fetchData函数模拟了向服务器发送请求并返回数据的场景。当我们调用displayData函数时，程序首先输出"Displaying data..."，随后调用fetchData函数，此时因为数据还未返回，fetchData函数立即返回。然后随着时间的流逝，服务器返回了数据后，fetchData中的回调函数才会被调用，输出返回的数据。最后程序输出"Data displayed."。

Promise对象

Promise是ES6中引入的一个新API，是一种更加优雅的解决异步编程的方式。Promise可以将回调函数的嵌套层数降低到最少，并且可以更好的处理错误和异常。

Promise对象可以使用三种状态来表示异步操作的结果，分别是“pending”（进行中）、“fulfilled”（已成功）和“rejected”（已失败）。当一个Promise对象的状态发生变化时，可以在其上注册对应状态的回调函数来处理结果。

下面是一个基于Promise实现的异步编程示例：

function fetchData() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve({
        data: {
          name: 'John',
          age: 25
        }
      });
    }, 1000);
  });
}

function displayData() {
  console.log('Displaying data...');

  fetchData().then(data => {
    console.log(data);
  });

  console.log('Data displayed.');
}

displayData();

在以上示例中，fetchData函数返回一个Promise对象，其状态为“pending”。随后我们可以在Promise对象上使用then方法来注册对“fulfilled”状态的回调函数。这样我们就可以在fetchData函数返回数据后，通过回调函数处理结果。

小结

JavaScript异步编程是为了解决单线程限制而产生的解决方案。回调函数和Promise对象是两种实现异步编程的方式。在使用异步编程时，我们需要避免阻塞主线程，合理使用异步编程方式可以使程序更加高效。

以上就是本文的简单介绍。