微信小程序 异步顺序

在微信小程序中，异步操作通常使用回调函数、Promise 或者 async/await 来实现顺序执行。下面是这三种方法的简单介绍和示例：

1. 回调函数：

回调函数是一种传统的异步处理方式，通过将一个函数作为参数传递给另一个函数，在适当的时机调用它。这种方式容易导致回调地狱（Callback Hell），即多层嵌套的回调函数。

示例：

function asyncOperation1(callback) {
  setTimeout(() => {
    console.log('异步操作1');
    callback();
  }, 1000);
}

function asyncOperation2(callback) {
  setTimeout(() => {
    console.log('异步操作2');
    callback();
  }, 1000);
}

asyncOperation1(() => {
  asyncOperation2(() => {
    console.log('所有异步操作完成');
  });
});

2. Promise：

Promise 是一种更加优雅的异步处理方式，它表示一个异步操作的最终结果。Promise 可以避免回调地狱，并提供了链式调用的方式来实现顺序执行。

示例：

function asyncOperation1() {
  return new Promise((resolve) => {
    setTimeout(() => {
      console.log('异步操作1');
      resolve();
    }, 1000);
  });
}

function asyncOperation2() {
  return new Promise((resolve) => {
    setTimeout(() => {
      console.log('异步操作2');
      resolve();
    }, 1000);
  });
}

asyncOperation1()
  .then(() => {
    return asyncOperation2();
  })
  .then(() => {
    console.log('所有异步操作完成');
  });

3. async/await：

async/await 是基于 Promise 的一种更简洁的异步处理方式。通过在函数声明前加上 async 关键字，可以将函数声明为异步函数。在异步函数内部，可以使用 await 关键字等待一个 Promise 的结果。

示例：

async function asyncOperation1() {
  return new Promise((resolve) => {
    setTimeout(() => {
      console.log('异步操作1');
      resolve();
    }, 1000);
  });
}

async function asyncOperation2() {
  return new Promise((resolve) => {
    setTimeout(() => {
      console.log('异步操作2');
      resolve();
    }, 1000);
  });
}

(async () => {
  await asyncOperation1();
  await asyncOperation2();
  console.log('所有异步操作完成');
})();

在微信小程序中，推荐使用 Promise 或 async/await 来实现异步顺序执行，以避免回调地狱。