npm 包 simple-methodize-x 使用教程

在前端开发过程中，我们常常会需要对函数进行一些处理，例如将多参数函数转换为单参数函数；或者将类似于 ['a', 'b', 'c'] 这种数组变成一个函数，用于给字符串加上前缀或后缀。这时候，我们可以使用一个 npm 包，叫做 simple-methodize-x。

安装

在终端中输入以下命令进行安装：

npm install simple-methodize-x

使用

在你的代码中引入 simple-methodize-x：

const methodize = require('simple-methodize-x');

这个库只有一个方法 methodize，它会将一个函数转化为一个对象方法。方法化之后，我们就不用再次手动传递对象了，而且还不必担心 null 或 undefined 引发的错误。

函数转化为对象方法

我们来看一个例子，现在我们有以下函数：

function add(a, b) {
  return a + b;
}

我们可以使用 methodize 将其转化为对象方法：

const obj = { add: methodize(add) };
console.log(obj.add(1, 2)); // 3

这样，我们就可以使用直接调用 obj.add() 来使用 add() 函数了。

数组转化为对象方法

除了将函数转化为对象方法，simple-methodize-x 还可以将一个数组转化为一个对象方法，自动将数组元素作为函数的参数：

const arr = ['a', 'b', 'c'];
const obj = { prefix: methodize(arr) };
console.log(obj.prefix('prefix-')); // ['prefix-a', 'prefix-b', 'prefix-c']

这里我们将一个字符串 'prefix-' 当做参数传入到 prefix() 方法中，这个方法又将数组中的每个字符串当做参数依次传入到 arr 中。

深入学习

simple-methodize-x 的实现思路并不复杂，它使用闭包来实现对函数的转化，并且使用函数式编程的思想来实现代码的优雅和简洁。

具体来说，simple-methodize-x 可以通过以下三步将函数转化为对象方法：

1. 定义一个闭包函数 enclosed, 该函数返回一个新函数 methodized.
2. enclosed 函数返回的 methodized 函数是一个接收对象的方法，该对象作为 this 对象绑定到原函数 fn 上。
3. 返回 methodized 函数，这样我们就可以通过对象调用该函数从而执行原函数。

simple-methodize-x 还实现了 pipe、compose 等函数式编程库的相关函数。如果你对函数式编程感兴趣的话，可以查看其代码进行学习和思考。

指导意义

simple-methodize-x 能够帮助我们更加优雅、简洁的编写代码，同时也能够减少一些不必要的错误，提高代码的可读性和可维护性。

在实际开发过程中，我们可以根据需要将各种函数批量化，避免在业务处理过程中产生重复代码，减小代码维护成本，提高生产效率。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/78480