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 提供了更優雅的解決方案，可以讓你更容易地編寫和維護異步代碼。