微信小程序> 微信小程序async/await

微信小程序async/await

浏览量:2834 时间: 来源:黄小二哥

下面只是做一些介绍以及使用的原因,详情介绍还请移步博主:https://www.cnblogs.com/SamWeb/p/8417940.html

regenerator-runtime下载:https://www.npmjs.com/package/regenerator-runtime

 

 

关于request的异步请求演示如下

小程序

小程序

 

 

使用async...await同步如下

小程序

 

小程序

 

 

 

微信小程序使用(其它例如VUE使用方式类似):

App.js

小程序

 

Index.js(注意,引入的变量名不能随意改变,应为固定的“regeneratorRuntime”)- 注意方法和函数调用的区别

 

  • 函数声明: async function foo() {}
  • 函数表达式: const foo = async function() {}
  • 对象的方式: let obj = { async foo() {} }
  • 箭头函数: const foo = async () = {}

 

小程序

 

小程序

 

关于$wx,也就是封装的Promise方法,类似这样的

  //ES6        const $wx = url = {      return new Promise((resolve, reject) = {        wx.request({          url,          method: 'GET',          header: {            "content-type": "application/json"          },          success(res) {            resolve(res)          },          fail(err) {            reject(err)          }        })      })    }//ES5    function $wx(url){      return new Promise((resolve, reject) = {        wx.request({          url,          method: 'GET',          header: {            "content-type": "application/json"          },          success(res) {            resolve(res)          },          fail(err) {            reject(err)          }        })      })    }

  

微信小程序原生不支持async/awit,类似支持的平台有wepy,uni-app等框架....

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎