作者:mobiledu2502924873 | 来源:互联网 | 2023-09-03 10:36
小程序APIPromise化一、小程序异步API的缺点二、Promise化异步API1.安装miniprogram-api-promise包2.引入miniprogram-api-
小程序API Promise化
- 一、小程序异步API的缺点
- 二、Promise化异步API
- 1.安装miniprogram-api-promise包
- 2.引入miniprogram-api-promise
一、小程序异步API的缺点
小程序提供的异步API都是基于回调函数实现的,列如网络请求
wx.request({method:'',url:'',data:{},success:()=>{},fail:()=>{},complete:()=>{}
})
容易出现回调地狱,需要Promise化
二、Promise化异步API
通过额外的配置来Promise化异步API
1.安装miniprogram-api-promise包
npm install --save miniprogram-api-promise@1.0.4
推荐1.0.4
2.引入miniprogram-api-promise
import { promisifyAll } from 'miniprogram-api-promise'
const wxp = wx.p = {}
promisifyAll(wx, wxp)
3.使用
wxml中
<van-button type&#61;"primary" bindtap&#61;"getInfo">按钮van-button>
js中
async getInfo() {const {data: res} &#61; await wx.p.request({method: &#39;GET&#39;,url: &#39;https://www.escook.cn/api/get&#39;,data: {name: &#39;zs&#39;,age: 20}})console.log(res)},
这样就能实现promise写法