在前端开发过程中，我们常常会需要对函数进行一些处理，例如将多参数函数转换为单参数函数；或者将类似于 ['a', 'b', 'c'] 这种数组变成一个函数，用于给字符串加上前缀或后缀。这时候，我们可以使用一个 npm 包，叫做 simple-methodize-x。
安装
在终端中输入以下命令进行安装：
--- ------- ------------------
使用
在你的代码中引入 simple-methodize-x：
----- --------- - ------------------------------
这个库只有一个方法 methodize，它会将一个函数转化为一个对象方法。方法化之后，我们就不用再次手动传递对象了，而且还不必担心 null 或 undefined 引发的错误。
函数转化为对象方法
我们来看一个例子，现在我们有以下函数：
-------- ------ -- - ------ - - -- -
我们可以使用 methodize 将其转化为对象方法：
----- --- - - ---- -------------- -- ---------------------- ---- -- -
这样，我们就可以使用直接调用 obj.add() 来使用 add() 函数了。
数组转化为对象方法
除了将函数转化为对象方法，simple-methodize-x 还可以将一个数组转化为一个对象方法，自动将数组元素作为函数的参数：
----- --- - ----- ---- ----- ----- --- - - ------- -------------- -- ----------------------------------- -- ------------ ----------- -----------
这里我们将一个字符串 'prefix-' 当做参数传入到 prefix() 方法中，这个方法又将数组中的每个字符串当做参数依次传入到 arr 中。
深入学习
simple-methodize-x 的实现思路并不复杂，它使用闭包来实现对函数的转化，并且使用函数式编程的思想来实现代码的优雅和简洁。
具体来说，simple-methodize-x 可以通过以下三步将函数转化为对象方法：
- 定义一个闭包函数
enclosed, 该函数返回一个新函数methodized. enclosed函数返回的methodized函数是一个接收对象的方法，该对象作为this对象绑定到原函数fn上。- 返回
methodized函数，这样我们就可以通过对象调用该函数从而执行原函数。
simple-methodize-x 还实现了 pipe、compose 等函数式编程库的相关函数。如果你对函数式编程感兴趣的话，可以查看其代码进行学习和思考。
指导意义
simple-methodize-x 能够帮助我们更加优雅、简洁的编写代码，同时也能够减少一些不必要的错误，提高代码的可读性和可维护性。
在实际开发过程中，我们可以根据需要将各种函数批量化，避免在业务处理过程中产生重复代码，减小代码维护成本，提高生产效率。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/78480