JavaScript異步函數如何自動化處理

在 JavaScript 中，可以使用 Promise 和 async/await 兩種方法來自動化處理異步函數。

1. 使用 Promise：

Promise 是一種處理異步操作的模式，它代表了一個異步操作的最終完成或失敗，以及該操作的結果值。使用 Promise 可以將異步函數寫成鏈式調用，使代碼更加簡潔和易于理解。

下面是一個使用 Promise 的例子：

function asyncFunction1() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve('Result of asyncFunction1');
    }, 1000);
  });
}

function asyncFunction2(result) {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve(`Result of asyncFunction2 with input ${result}`);
    }, 1000);
  });
}

asyncFunction1()
  .then(result1 => {
    console.log(result1);
    return asyncFunction2(result1);
  })
  .then(result2 => {
    console.log(result2);
  })
  .catch(error => {
    console.error(error);
  });

在上面的例子中，我們定義了兩個異步函數 asyncFunction1 和 asyncFunction2，它們都返回一個 Promise 對象。然后我們使用 then 方法將這兩個函數鏈接起來，并在每個函數處理完成后打印結果。如果出現錯誤，可以使用 catch 方法捕獲并處理錯誤。

2. 使用 async/await：

async/await 是 ES7 中新增的一種處理異步操作的方式，它可以讓異步代碼看起來更像同步代碼。使用 async/await 可以避免回調地獄（Callback Hell），使代碼更加簡潔和易于理解。

下面是一個使用 async/await 的例子：

async function asyncFunction1() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve('Result of asyncFunction1');
    }, 1000);
  });
}

async function asyncFunction2(result) {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve(`Result of asyncFunction2 with input ${result}`);
    }, 1000);
  });
}

(async () => {
  try {
    const result1 = await asyncFunction1();
    console.log(result1);
    const result2 = await asyncFunction2(result1);
    console.log(result2);
  } catch (error) {
    console.error(error);
  }
})();

在上面的例子中，我們定義了兩個異步函數 asyncFunction1 和 asyncFunction2，它們都返回一個 Promise 對象。然后我們使用 async 函數將整個異步操作包裹起來，并在每個函數處理完成后使用 await 關鍵字等待結果。如果出現錯誤，可以使用 try/catch 語句捕獲并處理錯誤。