JavaScript異步函數的常見模式主要包括以下幾種：

1. 回調函數模式：這是最基本的異步編程模式，通過將一個函數作為參數傳遞給另一個函數，在異步操作完成后調用該回調函數。例如：

function asyncOperation(callback) {
  setTimeout(() => {
    const result = '異步操作完成';
    callback(result);
  }, 1000);
}

asyncOperation((result) => {
  console.log(result);
});

2. Promise模式：Promise是一種更高級的異步編程模式，它表示一個異步操作的最終結果。Promise可以用來處理異步操作的成功或失敗，并且可以鏈式調用多個Promise。例如：

function asyncOperation() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      const result = '異步操作完成';
      resolve(result);
    }, 1000);
  });
}

asyncOperation().then((result) => {
  console.log(result);
}).catch((error) => {
  console.error(error);
});

3. async/await模式：async/await是基于Promise的一種更簡潔的異步編程模式，它可以讓異步代碼看起來更像同步代碼。async/await只能在async函數內部使用，當async函數等待一個Promise時，它會暫停執行并等待Promise的解決，然后繼續執行。例如：

async function asyncOperation() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      const result = '異步操作完成';
      resolve(result);
    }, 1000);
  });
}

(async () => {
  try {
    const result = await asyncOperation();
    console.log(result);
  } catch (error) {
    console.error(error);
  }
})();

4. 事件驅動模式：事件驅動模式是一種基于事件的異步編程模式，當一個事件發生時，會觸發一個事件處理器。例如，可以使用setTimeout函數創建一個定時器，當定時器到期時，會觸發一個事件：

setTimeout(() => {
  const result = '異步操作完成';
  console.log(result);
}, 1000);

以上是JavaScript異步函數的常見模式，不同的模式適用于不同的場景，需要根據實際需求選擇合適的模式。