在前端开发中，我们常常需要对函数进行一些包装，以实现一些特殊的功能，比如柯里化（Currying）、偏函数（Partial Application）等。那么本文就来介绍一个 npm 包 @mfellner/partialize，它可以帮助我们快速地进行偏函数操作。
什么是偏函数（Partial Application）？
偏函数是指将一个具有多个参数的函数转化成另一个仅仅具有部分参数的新函数的过程。举个例子，假如我们有一个求和函数：
function add(a, b, c) {
return a + b + c;
}我们可以通过偏函数的方式，将其转化成一个新的函数addPartial，它只接收前两个参数：
const addPartial = partialize(add, 1, 2); console.log(addPartial(3)); // 6
这里的partialize就是一个帮助我们实现偏函数的函数。
@mfellner/partialize 的使用方式
安装
使用 npm 或 yarn 进行安装：
npm install @mfellner/partialize
或
yarn add @mfellner/partialize
使用方法
偏函数的使用方式非常简单，只需要调用partialize函数，传入待转化的函数和要绑定的参数值即可。
-- -------------------- ---- ------- ------ ---------- ---- ----------------------- -------- ------ -- -- - ------ - - - - -- - ----- ---------- - --------------- -- --- --------------------------- -- -
多次绑定参数
偏函数还支持多次绑定参数。例如：
-- -------------------- ---- ------- ------ ---------- ---- ----------------------- -------- ------ -- -- - ------ - - - - -- - ----- ---------- - --------------- --- ----- ----------- - ---------------------- --- ---------------------------- -- -
这里，我们首先生成了一个偏函数addPartial，它只绑定了一个参数a的值为1。然后我们又通过addPartial生成了新的偏函数addPartial2，新增绑定的参数b的值为2。最终调用addPartial2相当于调用add(1, 2, 3)，得到了结果6。
this 指向问题
在使用偏函数时，需要注意原函数中的this指向问题。由于偏函数本质上是对原函数的一次包装，所以如果使用了原函数中的this，可能会出现一些问题。
我们来看一个例子：
const obj = {
name: 'Alice',
getAge: function(year) {
return year - this.birthYear;
}
}
console.log(obj.getAge(2021)); // NaN这里的问题在于this.birthYear中的this指向了obj，而在外部调用obj.getAge()时，this已经不是obj，导致this.birthYear为undefined，从而得到了NaN的结果。
为了解决这个问题，可以使用箭头函数或者使用Function.prototype.bind方法，将this绑定到原函数中。
-- -------------------- ---- -------
-- ----
----- --- - -
----- --------
---------- -----
------- ---- -- -
------ ---- - ---------------
-
-
------------------------------ -- --
-- -----------------------
----- --- - -
----- --------
---------- -----
------- -------------- -
------ ---- - ---------------
-
-
----- ------ - ---------------------
-------------------------- -- --总结
本文介绍了 npm 包 @mfellner/partialize 的使用方法，并对偏函数的概念进行了简要的说明。通过partialize函数，我们可以快速地实现多个实际应用场景中常见的偏函数。同时，在使用偏函数时要注意原函数中的this指向问题，可以使用箭头函数或者Function.prototype.bind方法来解决。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bcb967216659e244699