微信小程序中 async/await 的使用

在微信小程序中，可以使用 ES6 的 async/await 来编写异步操作，例如进行网络请求、定时器等。

Page({
  async onLoad() {
    try {
      const data = await this.getDataFromServer();
      console.log('请求成功:', data);
    } catch (error) {
      console.error('请求失败:', error);
    }
  },

  async getDataFromServer() {
    return new Promise((resolve, reject) => {
      wx.request({
        url: 'https://api.example.com/data',
        method: 'GET',
        success: (res) => {
          resolve(res.data);
        },
        fail: (error) => {
          reject(error);
        }
      });
    });
  }
});

在上述示例中，我们使用了 async/await 来处理从服务器获取数据的异步操作。在 onLoad 生命周期函数中，我们通过 async 关键字标记这是一个异步函数。在函数体内，我们使用 await 关键字来等待异步操作的结果，这里是调用了 getDataFromServer 方法。

在 getDataFromServer 方法中，我们使用 Promise 包装了一个 wx.request 的网络请求，当请求成功时，调用 resolve 将数据返回；当请求失败时，调用 reject 抛出错误。通过 async/await，我们可以让代码在异步操作完成之后才继续执行后续逻辑，使得异步代码看起来更像是同步的写法，代码更加清晰易懂。

在实际开发中，你可以在需要的地方使用 async/await 来优雅地处理异步操作，比如网络请求、定时器、文件读写等。这样可以让你的代码更加简洁，易于维护。

上一篇：微信小程序之获取input框输入值

下一篇：微信小程序如何添加客服功能