JavaScript異步編程如何簡化異步邏輯

在 JavaScript 中，可以使用以下方法來簡化異步邏輯：

1. Promise：Promise 是一種編寫異步代碼的方法，它表示一個異步操作的最終完成或失敗，以及該操作的結果值。Promise 可以使代碼更簡潔、易于理解和維護。例如：

function asyncFunction() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve('異步操作成功');
    }, 1000);
  });
}

asyncFunction()
  .then(result => {
    console.log(result); // 輸出：異步操作成功
  })
  .catch(error => {
    console.log(error);
  });

2. async/await：async/await 是基于 Promise 的語法糖，它可以讓異步代碼看起來更像同步代碼。要使用 async/await，需要將函數聲明為 async，然后在函數內部使用 await 關鍵字等待 Promise 完成。例如：

async function main() {
  try {
    const result = await asyncFunction();
    console.log(result); // 輸出：異步操作成功
  } catch (error) {
    console.log(error);
  }
}

main();

3. Promise.all：當有多個異步操作需要同時進行時，可以使用 Promise.all() 方法將它們組合成一個 Promise。當所有的 Promise 都成功完成時，Promise.all() 返回一個新的 Promise，其結果是一個包含所有輸入 Promise 結果的數組。例如：

function asyncFunction1() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve('異步操作1成功');
    }, 1000);
  });
}

function asyncFunction2() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve('異步操作2成功');
    }, 1000);
  });
}

Promise.all([asyncFunction1(), asyncFunction2()])
  .then(results => {
    console.log(results); // 輸出：['異步操作1成功', '異步操作2成功']
  })
  .catch(error => {
    console.log(error);
  });

4. Promise.race：Promise.race() 方法接受一個 Promise 數組作為參數，并返回一個新的 Promise，該 Promise 在輸入的 Promise 中的任何一個完成時立即完成。例如：

function asyncFunction1() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve('異步操作1成功');
    }, 1000);
  });
}

function asyncFunction2() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve('異步操作2成功');
    }, 500);
  });
}

Promise.race([asyncFunction1(), asyncFunction2()])
  .then(result => {
    console.log(result); // 輸出：異步操作2成功
  })
  .catch(error => {
    console.log(error);
  });

通過使用這些方法，可以大大簡化 JavaScript 中的異步邏輯，提高代碼的可讀性和可維護性。