ECMAScript异步编程怎么用

ECMAScript（简称ES）中的异步编程主要依赖于回调函数、Promises 和 async/await 语法。下面分别介绍这三种方法的使用。

1. 回调函数（Callback）

回调函数是最基本的异步编程方法。在这种方法中，我们将一个函数作为参数传递给另一个函数，当异步操作完成时，调用传递的函数来处理结果。

示例：

function fetchData(callback) {
  setTimeout(() => {
    const data = '异步数据';
    callback(data);
  }, 1000);
}

function processData(data) {
  console.log('处理数据：', data);
}

fetchData(processData);

2. Promises

Promises 是一种更高级的异步编程方法。它表示一个尚未完成但预计将来会完成的操作。Promise 对象有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。

示例：

function fetchData() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      const data = '异步数据';
      resolve(data);
    }, 1000);
  });
}

fetchData()
  .then(data => {
    console.log('处理数据：', data);
  })
  .catch(error => {
    console.error('发生错误：', error);
  });

3. async/await

async/await 是基于 Promises 的一种更简洁的异步编程方法。通过在函数前添加 async 关键字，可以在函数内部使用 await 关键字等待 Promise 完成。

示例：

async function fetchData() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      const data = '异步数据';
      resolve(data);
    }, 1000);
  });
}

async function processData() {
  try {
    const data = await fetchData();
    console.log('处理数据：', data);
  } catch (error) {
    console.error('发生错误：', error);
  }
}

processData();

总结：回调函数、Promises 和 async/await 都可以用于 ECMAScript 中的异步编程。回调函数是最基本的方法，但可能导致回调地狱（Callback Hell）。Promises 和 async/await 提供了更优雅的解决方案，可以让你更容易地编写和维护异步代码。