微信小程序api怎么promise化

微信小程序api怎么promise化,第1张

默认情况下,小程序官方提供的异步API都是基于回调函数实现的,这样就容易造成回调地狱的问题,代码的可读性、维护性差。API Promise化,指的是通过额外的配置,将官方提供的、基于回调函数的异步 API,升级改造为基于 Promise 的异步 API,从而提高代码的可读性、维护性,避免回调地狱的问题。实现API Promise化主要依赖于miniprogram-api-promise这个第三方的 npm 包。首先需要确认已经正确安装了node,使用的开发工具为微信官方的微信开发者工具。

在项目文件夹下对项目进行初始化,执行npm init -y 此时项目文件夹下会创建package.json文件。 执行npm i --save miniprogram-api-promise安装第三方包。此时会在项目根目录下创建node_modules文件夹。 选择  工具-->构建npm  等待构建完成点击确定,此时会创建miniprogram_npm文件夹。

在入口文件app.js中按需引入。

import {promisifyAll} from "miniprogram-api-promise"

const wxp=wx.p={}

promisifyAll(wx,wxp)

然后就可以通过wx.p来调用promise化的api。举个例子在test.js文件中

async getTestData(){

const {data:res}=await wx.p.request({methods:'GET',url: 'https://xxx.xxx.xx', })

微信小程序目前已经支持了包括 Symbol、Set、Map、Promise在内的大部分内置对象以及相关的 ES6 方法。小程序中已经原生支持 Promise,不需要引入第三方类库。

以下四个都是集合方法,代表将多个 Promise 实例集合成一个新的 Promise 总实例,并施加一种执行控制策略。这四个方法接受的参数都是一个数组,数组的元素都是 Promise 实例。

    在小程序开发时,我们请求数据,就需要使用promise或者async处理异步请求,避免掉入回调地狱。而async号称是解决回调地狱的最终方案,平时我也是比较喜欢使用的,但是作为es7的语法,小程序的开发者工具貌似不支持es7

那么要如何让开发工具支持呢?

(注:不可全局引入,否则无效)

该方法存在兼容性,若要适配某些旧的手机或者小程序时,请勿使用本方法

2.使用promise处理异步

3.使用async


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/8038282.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-12
下一篇 2023-04-12

发表评论

登录后才能评论

评论列表(0条)

保存