什么是 babel-plugin-partial-application
babel-plugin-partial-application 是一个 Babel 插件，它可以把一个函数的某些参数先默认绑定上去，生成一个新的函数。这个新函数只需要提供未绑定的参数即可执行，这个过程也被称作偏函数（Partial Application）。
为什么要使用偏函数
偏函数可以提高代码的复用性和可读性。当一个函数需要传递相同的参数多次调用时，使用偏函数可以避免重复定义这些默认参数，提高了代码的复用性。
偏函数在某些场景也可以提高代码的可读性。当一个函数有多个参数时，调用时需要书写很长的参数列表，如果某个参数值是固定的，使用偏函数可以简化这个过程，让代码更加清晰易读。
如何使用 babel-plugin-partial-application
下面我们来看一个函数，它需要传递两个参数：
function sum(a, b) {
return a + b;
}我们可以使用 babel-plugin-partial-application 把它转换成一个偏函数：
const sum1 = sum.bind(null, 1); console.log(sum1(2)); // 输出 3 console.log(sum1(3)); // 输出 4
我们可以看到，我们新生成了一个函数 sum1，它的第一个参数已经被默认绑定为 1 了。偏函数转换可以使用 bind、call 或 apply 等方法实现。
babel-plugin-partial-application 还支持链式调用：
const getFormattedTime = getTime.bind(null).bind(null, 'HH:mm'); console.log(getFormattedTime(new Date())); // 输出当前时间的 HH:mm 格式
在这个例子中，我们偏函数化了 getFormattedTime 函数，这个函数需要传递一个 Date 类型的参数和一个表示时间格式的字符串参数。我们把第二个参数绑定为 HH:mm，生成了一个新函数，只需要提供一个 Date 类型的参数即可输出对应的 HH:mm 格式时间。
配置和安装
要使用 babel-plugin-partial-application，我们需要先配置 Babel。在项目的根目录下新建一个 .babelrc 文件，并添加以下内容：
{
"plugins": [
"babel-plugin-partial-application"
]
}然后通过 npm 安装 babel-plugin-partial-application：
$ npm install --save-dev babel-plugin-partial-application
总结
babel-plugin-partial-application 提供了一个简单易用的偏函数转换工具，可以提高代码的复用性和可读性。在实际开发中，我们可以根据不同的场景使用偏函数来简化代码的书写，提高代码的可读性和维护性。
希望本篇文章能够对大家理解和使用 babel-plugin-partial-application 有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005686081e8991b448e4630