微信公众号开发

在微信小程序中使用 async await

本文主要是介绍在微信小程序中使用 async await,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

https://segmentfault.com/a/1190000021966277

1、打开开发者工具的增强编译

2、在app.js中加上:

//接口请求地址
wx.$requestServe = "http://localhost:3087/employee_applet";

//async、await
function promisify(fn) {
  return async function (args) {
    return new Promise((resolve, reject) => {
      fn({
        ...(args || {}),
        success: (res) => resolve(res),
        fail: (err) => reject(err),
      });
    });
  };
}
function toAsync(...names) {
  return (names || [])
    .map((name) => ({ name, member: wx[name] }))
    .filter((t) => typeof t.member === "function")
    .reduce((r, t) => {
      r[t.name] = promisify(wx[t.name]);
      return r;
    }, {});
}
Promise.prototype.ignoreError = function () {
  return this.catch(() => {});
};
wx.$awx = toAsync("request");

App({
  onShow(option) {},
  globalData: {},
});

3、在页面中使用:

async onShow() {
  let res = await wx.$awx
    .request({
      url: `${wx.$requestServe}/compareFaceToIdCard`,
    })
    .ignoreError();
  console.log(res);
}

这篇关于在微信小程序中使用 async await的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!