使用 npm 包 API Promise化（微信小程序）

1. 基於回調函數的異步 API 的缺點

默認情況下，小程序官方提供的異步 API 都是基於回調函數實現的，例如，網絡請求的 API 需要按照如下的方式調用：

 缺點：容易造成回調地獄的問題，代碼的可讀性、維護性差！

2. 什麼是 API Promise 化

API Promise化，指的是通過額外的配置，將官方提供的、基於回調函數的異步 API，升級改造爲基於 Promise 的異步 API，從而提高代碼的可讀性、維護性，避免回調地獄的問題。

3. 實現 API Promise 化

在小程序中，實現 API Promise 化主要依賴於 miniprogram-api-promise 這個第三方的 npm 包。它的安裝和使用步驟如下：

①、在項目根目錄安裝依賴包

npm i --save [email protected]

建議：安裝版本爲1.0.4

②、在小程序入口文件app.js 中，只需調用promiseifyAll() 方法，即可實現異步API的Promise化

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

③、調用 Promise 化之後的異步 API

//頁面.wxml結構
 
<van-button type="primary" bindtap="getInfo">按鈕</van-button>
 
//在頁面.js 中定義getInfo()函數

  async getInfo(){

        const parmas = {

          url: '接口地址',

          data: {

              name: 'zs',

              age: 25

          }

        }

        const { data: res } = await  wx.p.request(parmas)

        console.log(res)

    }

這樣就完成小程序 Promise 化操作了