前言
小程序是如今最火爆的移动开发领域之一，而其中的前端技术，如小程序开发，需要基于微信小程序的原生 API 进行开发。微信小程序 API 超过 1500+ 个，如果全部手动编写 Promise 封装，是一件非常繁琐的事情。因此，前端领域中应运而生了一款 npm 包，叫做 wx-promisify，使用它可以快速地对微信小程序 API 进行 Promise 封装。本篇文章将详细地讲解 wx-promisify 的使用教程。
wx-promisify 是什么
wx-promisify 是一个轻量级的 npm 包，支持微信小程序原生 API 的 Promise 封装。它能够令开发者重写微信小程序 API 的回调函数，不需要再手动去书写 Promise 封装，在开发阶段能够极大地提高效率。
使用示例
首先我们需要进行 npm 包的安装，安装命令如下：
npm install wx-promisify
安装完毕后，在小程序的 js 文件中引用 wx-promisify:
// 引入 wx-promisify
const promisify = require('wx-promisify');接下来我们以小程序的页面跳转功能为例进行示例。
在小程序的原生 API 中，我们需要手动编写跳转的回调函数进行页面的跳转，如下所示:
-- -------------------- ---- -------
---------------
---- -----------------------
-------- -------- ----- -
-------------------
--
----- -------- ----- -
-------------------
-
--我们可以看到，在原生 API 中，我们需要分别编写 success 和 fail 两种回调函数进行跳转的处理。但通过使用 wx-promisify，我们可以将它简单地进行封装：
promisify(wx.navigateTo)({
url: '/pages/detail/detail'
}).then(() => {
console.log('跳转成功');
}).catch(() => {
console.log('跳转失败');
})可以看到，我们不再需要手动书写回调函数以及处理逻辑。只需要传入原 API 的参数即可，wx-promisify 将自动为你添加一个 Promise 处理函数。而 promisify(wx.navigateTo) 即是 wx-promisify 在 navigateTo 上的使用。
深度解析
其实 wx-promisify 的实现原理非常简单，就是将原生 API 的回调函数封装成 Promise，并返回执行结果，从而简化开发者的编码。我们再来看一下 wx-promisify 的源码：
function promisify(func) {
return function (options = {}) {
return new Promise((resolve, reject) => {
const args = { ...options, success: resolve, fail: reject }
func(args)
})
}
}可以看到，promisify 接收一个原生 API 作为参数，并返回一个 Promise 对象。我们定义了一个新的 Promise，并在 Promise 内部构造一个对象 args。属性 success 和 fail 同时被赋值为回调函数的 resolve 和 reject，并将其作为新的对象参数传入原生 API。如果最终执行成功，则 Promise 的状态变为 resolve，如果失败，则为 reject。
总结
通过使用 wx-promisify 这个 npm 包，我们可以方便地快速在小程序开发中进行 Promise 封装，减少代码复杂度，提高开发效率。希望本篇文章能够对大家有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671168dd3466f61ffe662