如何异步切换按钮上的单击事件

// HTML代码
<button id="myButton">点击按钮</button>

// JavaScript代码
function asyncButtonClick() {
  // 禁用按钮或添加加载动画
  document.getElementById("myButton").disabled = true;

  // 创建一个Promise对象
  return new Promise(function(resolve, reject) {
    // 模拟异步操作，例如发送AJAX请求
    setTimeout(function() {
      // 异步操作完成后的处理逻辑
      var result = true; // 假设异步操作成功

      if (result) {
        resolve("操作成功"); // 异步操作成功时调用resolve，并传递结果
      } else {
        reject("操作失败"); // 异步操作失败时调用reject，并传递错误信息
      }
    }, 2000); // 假设异步操作需要2秒钟完成
  });
}

// 绑定按钮的单击事件
document.getElementById("myButton").addEventListener("click", function() {
  asyncButtonClick()
    .then(function(result) {
      // 异步操作成功时的处理逻辑
      console.log(result);
      // 更新页面或执行其他操作
    })
    .catch(function(error) {
      // 异步操作失败时的处理逻辑
      console.error(error);
      // 显示错误信息或执行其他操作
    })
    .finally(function() {
      // 恢复按钮状态
      document.getElementById("myButton").disabled = false;
    });
});