在JavaScript中，事件處理程序可以是同步的或異步的。同步事件處理程序是在事件觸發時立即執行的函數，而異步事件處理程序則在事件觸發后的一段時間內執行，通常用于處理可能需要一段時間才能完成的操作，例如網絡請求。

以下是同步和異步事件處理程序的示例：

同步事件處理程序

document.getElementById('myButton').addEventListener('click', function() {
  console.log('同步事件處理程序被調用');
});

在這個例子中，當用戶點擊按鈕時，同步事件處理程序會立即執行。

異步事件處理程序

異步事件處理程序通常使用回調函數、Promise或者async/await來處理。以下是使用回調函數和Promise的示例：

使用回調函數

document.getElementById('myButton').addEventListener('click', function() {
  setTimeout(function() {
    console.log('異步事件處理程序被調用');
  }, 1000);
});

在這個例子中，我們使用了setTimeout函數來模擬一個異步操作。當用戶點擊按鈕時，異步事件處理程序會在1秒后執行。

使用Promise

document.getElementById('myButton').addEventListener('click', function() {
  new Promise(function(resolve) {
    setTimeout(function() {
      console.log('異步事件處理程序被調用');
      resolve();
    }, 1000);
  });
});

在這個例子中，我們使用了Promise來處理異步操作。當用戶點擊按鈕時，異步事件處理程序會在1秒后執行。

使用async/await

document.getElementById('myButton').addEventListener('click', async function() {
  await new Promise(function(resolve) {
    setTimeout(function() {
      console.log('異步事件處理程序被調用');
      resolve();
    }, 1000);
  });
});

在這個例子中，我們使用了async/await來處理異步操作。當用戶點擊按鈕時，異步事件處理程序會在1秒后執行。

總之，JavaScript中的事件處理程序可以是同步的或異步的。同步事件處理程序在事件觸發時立即執行，而異步事件處理程序則在事件觸發后的一段時間內執行。異步事件處理程序通常使用回調函數、Promise或者async/await來處理。