一般来说，Web 开发中我们需要使用各种各样的第三方库或框架。npm 是一个流行的包管理器，提供了一大堆的包供我们使用。在这些包中，有一个非常有用的包叫做 wrappify，它允许我们将一个普通的函数包装成一个 Promise 对象。下面我们就来详细学习一下如何使用此 npm 包。
安装 wrappify
通过 npm 进行安装：
npm install wrappify
如何使用
首先，我们需要引入包：
const wrappify = require('wrappify');然后，我们可以使用 wrappify 来包装任何需要一个回调函数作为参数的函数。这个新函数将返回一个 Promise 对象，使得我们可以用 Promise 的方式来处理异步代码。使用方法如下：
-- -------------------- ---- ------- ----- -- - -------------- ----- --------- - ---------------------- ------------------------------------- -- - ----------------------------- -------------- -- - --------------------- --------- ---
在上例中，我们将 Node.js 内置的 fs 模块中的 readFile 方法包装成一个 Promise，然后使用 Promise 的方式处理异步代码。
效果对比
为了更好地理解 wrappify 的作用，我们可以通过对比以下两段代码：
-- -------------------- ---- -------
----- -- - --------------
--------------------------- ----- ----- -- -
-- ----- -
--------------------- ---------
- ---- -
-----------------------------
-
---使用原生函数处理异步代码时，我们需要编写一个回调函数来处理读取文件的结果。这种方式有时会导致回调地狱（Callback Hell），让代码阅读和维护非常困难。
-- -------------------- ---- ------- ----- -------- - -------------------- ----- -- - -------------- ----- --------- - ---------------------- ------------------------------------- -- - ----------------------------- -------------- -- - --------------------- --------- ---
而使用 wrappify 包装后，我们可以使用 Promise 的方式来处理异步代码。这种方式更加直观、易读、易于维护。
不只是 Node.js
以上例子是基于 Node.js 的，但是 wrappify 并不只适用于 Node.js。事实上，任何需要回调函数的 JavaScript 函数都能使用此包进行 Promise 封装。此外，由于一些浏览器并不支持 Promise，你还可以使用 polyfill 来兼容这些浏览器。
编写自己的包装器
如果你觉得每次使用 wrappify 都需要编写一遍代码很繁琐的话，你还可以自己编写一个包装器。例如，我们可以为 fs 模块的每个方法都写一个包装器：
const wrappify = require('wrappify');
const fs = require('fs');
Object.keys(fs).forEach(functionName => {
const originalFunction = fs[functionName];
fs[functionName] = wrappify(originalFunction);
});这样，我们只需要在需要使用的时候引入修改后的 fs 模块即可：
const fs = require('./fs-promise');
fs.readFile('path/to/file').then((data) => {
console.log(data.toString());
}).catch((err) => {
console.error(`Error: ${err}`);
});结束语
通过对 wrappify 的学习，我们可以更加方便、快捷、易于维护地处理异步代码，提高 Web 开发的效率。希望本篇文章对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056ea381e8991b448e76dc