前言
小程序是如今最火爆的移动开发领域之一，而其中的前端技术，如小程序开发，需要基于微信小程序的原生 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:
-- -- ------------ ----- --------- - ------------------------
接下来我们以小程序的页面跳转功能为例进行示例。
在小程序的原生 API 中，我们需要手动编写跳转的回调函数进行页面的跳转，如下所示:
---------------
---- -----------------------
-------- -------- ----- -
-------------------
--
----- -------- ----- -
-------------------
-
--我们可以看到，在原生 API 中，我们需要分别编写 success 和 fail 两种回调函数进行跳转的处理。但通过使用 wx-promisify，我们可以将它简单地进行封装：
-------------------------- ---- ---------------------- ---------- -- - -------------------- ----------- -- - -------------------- --
可以看到，我们不再需要手动书写回调函数以及处理逻辑。只需要传入原 API 的参数即可，wx-promisify 将自动为你添加一个 Promise 处理函数。而 promisify(wx.navigateTo) 即是 wx-promisify 在 navigateTo 上的使用。
深度解析
其实 wx-promisify 的实现原理非常简单，就是将原生 API 的回调函数封装成 Promise，并返回执行结果，从而简化开发者的编码。我们再来看一下 wx-promisify 的源码：
-------- --------------- -
------ -------- -------- - --- -
------ --- ----------------- ------- -- -
----- ---- - - ----------- -------- -------- ----- ------ -
----------
--
-
-可以看到，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