JavaScript:如何等待异步接口调用完成

JavaScript中如何等待异步接口调用完成？

在JavaScript中，可以使用多种方法来等待异步接口调用完成。以下是几种常见的方法：

使用回调函数：在异步接口调用的回调函数中处理接口返回的数据。例如：

function fetchData(callback) {
  // 异步接口调用
  // ...
  // 接口调用完成后执行回调函数
  callback(data);
}

fetchData(function(data) {
  // 处理接口返回的数据
});

使用Promise对象：Promise是一种用于处理异步操作的对象，可以通过它的then方法来等待异步接口调用完成。例如：

function fetchData() {
  return new Promise(function(resolve, reject) {
    // 异步接口调用
    // ...
    // 接口调用完成后调用resolve方法传递数据
    resolve(data);
  });
}

fetchData().then(function(data) {
  // 处理接口返回的数据
});

使用async/await：async/await是ES2017引入的一种处理异步操作的语法糖，可以使异步代码看起来更像同步代码。例如：

async function fetchData() {
  // 异步接口调用
  // ...
  // 返回接口返回的数据
  return data;
}

(async function() {
  const data = await fetchData();
  // 处理接口返回的数据
})();

以上是几种常见的等待异步接口调用完成的方法，具体使用哪种方法取决于个人偏好和项目需求。