小程序API的Promise化

         小程序官方提供的异步API都是基于回调函数来实现的,如大量的使用回调函数就会造成 回调地狱 的问题,同时代码的可读性和可维护性差,那么这篇内容主要来讲小程序API的Promise化,Promise是一块非常重要的内容,如有时间会出一片关于对Promise的浅陋见解!

API Promise化

        将小程序API的Promise化,就是将小程序官方提供的基于异步回调的API转成Promise的异步API,从而解决回调地狱的问题,以及使代码的可读性和可维护性提高 ;

npm - API Promise化 

小程序中的实现API的Promise化主要是依赖第三方的 npm 包 - miniprogram-api-promise

操作流程:


1. 使用npm安装第三方依赖包 - miniprogram-api-promise ,可添加@指定版本,点击

npm i --save miniprogram-api-promise 


2.  点击使用npm模块,使用 npm init -y 初始化,否则构建会报错;

未初始化

 初始化:(安装完成之后就初始化)


3.  微信开发者工具点击【使用npm模块】,紧接着【构建npm】;


4. 构建成功弹出这个提示,同时有多出来一个文件夹出来;


5. 在app.js中引入miniprogram-api-promise包;

可以看一下这个包的使用:附加地址

import { promisifyAll } from 'miniprogram-api-promise'
const wxp = wx.p = { }
promisifyAll(wx, wxp)

在使用 wx.request 做异步回调的时候可以换成 wx.p.request 即可,同时还可以写成 async await 的形式,如下:

// bindtap事件 - getInfo
async getInfo(){
  const res = await wx.p.request({
    url:'',
    method:'',
    success:(res)=>{
        
    },
    console.log(res);  // 返回一个promise对象
  })  
}

        这篇内容是将在小程序中使用第三方包实现promise化的方法以及所遇到的一些问题,当然这是其中的方法之一,更多的将在之后更大叫交流学习!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

灵魂学者

你的鼓励是我最大的动力!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值