API Promise化

焦妮敲代码

已于 2022-05-19 19:03:29 修改

阅读量990

点赞数 1

分类专栏： # 小程序文章标签： javascript npm 前端

于 2022-05-19 19:02:24 首次发布

本文链接：https://blog.youkuaiyun.com/qq_45890970/article/details/124869238

版权

小程序专栏收录该内容

7 篇文章

订阅专栏

本文介绍了小程序中将默认的回调函数式异步API转换为Promise的原因和方法。通过使用miniprogram-api-promise库，可以简化代码结构，提高可读性和维护性。安装该库后，在app.js中引入并改造API，然后即可在小程序中便捷地使用Promise化的异步API，避免回调地狱问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原因

默认情况下，小程序官方提供的异步 API 都是基于回调函数实现的，例如，网络请求的 API 需要按照如下的方式调用：

在这里插入图片描述
这样的缺点是容易造成回调地狱的问题，代码的可读性、维护性差！

API Promise化，指的是通过额外的配置，将官方提供的、基于回调函数的异步 API，升级改造为基于Promise 的异步 API，从而提高代码的可读性、维护性，避免回调地狱的问题。

安装使用

在小程序中，实现 API Promise 化主要依赖于 miniprogram-api-promise 这个第三方的 npm 包

1、执行如下npm install --save miniprogram-api-promise进行安装
在这里插入图片描述
2、安装完后需要重构npm，即选择工具->构建npm

3、在app.js中，添加如下代码

// app.js
import {promisifyAll} from './miniprogram/miniprogram_npm/miniprogram-api-promise/index'
const wxp=wx.p={}
promisifyAll(wx,wxp)

4、调用 Promise 化之后的异步 API

async getInfo(){
    const res= await wx.p.request({
      url:'https://www.escook.cn/api/get',
      method:'GET',
      data:{
        name:'zs',
        age:20
      }
    })
    console.log(res);
},

在这里插入图片描述