在一个JS方法里，如何实现先执行一个函数再执行另一个函数

在 JavaScript 中，你可以使用不同的方法来确保一个方法在另一个方法之前执行。以下是一些常见的方法：

1. 使用回调函数：
   你可以在一个方法中定义一个回调函数，然后在另一个方法中调用这个回调函数，以确保它们的执行顺序。

function firstMethod(callback) {
  // 执行第一个方法的逻辑
  // ...
  callback();
}

function secondMethod() {
  // 执行第二个方法的逻辑
  // ...
}

// 调用第一个方法，并传递第二个方法作为回调
firstMethod(secondMethod);

2. 使用 Promise：
   使用 Promise 可以更灵活地处理异步操作，并确保它们按照预期的顺序执行。

function firstMethod() {
  return new Promise((resolve) => {
    // 执行第一个方法的逻辑
    // ...
    resolve();
  });
}

function secondMethod() {
  // 执行第二个方法的逻辑
  // ...
}

// 调用第一个方法，然后在完成后调用第二个方法
firstMethod().then(secondMethod);

3. 使用 async/await：
   如果你的方法是异步的，你可以使用 async/await 来确保它们按顺序执行。
   注意 firstMethod（）也要写成异步函数

async function executeInOrder() {
  await firstMethod();
  secondMethod();
}

4. 使用事件监听：
   你可以使用事件监听来确保一个方法在另一个方法之后执行，尤其在涉及异步操作或事件驱动的情况下。

function firstMethod() {
  // 执行第一个方法的逻辑
  // ...
  // 触发一个自定义事件
  document.dispatchEvent(new Event("customEvent"));
}

function secondMethod() {
  // 监听自定义事件，确保第一个方法执行后再执行第二个方法
  document.addEventListener("customEvent", function () {
    // 执行第二个方法的逻辑
    // ...
  });
}

// 调用第一个方法
firstMethod();