JavaScript Partial Application

一、什么是 Partial

Partial Application 即部分应用函数。在一些场景下,我们需要调用接收个参数的函数,但其中一些参数是固定的,我们便可以封装该函数,如:

const publishedInYear = (year, book) => book.year === year;

// 传入固定的 “year” 来封装 publishedInYear

const publishedIn2019 = (book) => publishedInYear(2019, book);

const iBooks = books.filter(publishedIn2019);

在上面的示例中,我们传入了部分参数给 publishedInYear,得到 publishedIn2019,这便是手动的 Partial Application。

二、基于高阶函数的实现

在上面的例子中,如果我们需要筛选出更多年份的 books,需要为每一个年份都封装一遍 publishedInXXXX 方法,未免太麻烦了,我们可以改写 publishedInYear 方法为高阶函数,如下:

const publishedInYear = year => book => book.year === year;

利用新实现的 publishedInYear,可以重写 filter 调用,从而消除箭头函数:

const iBooks = books.filter(publishedInYear(2019));

可以按上面的方式重写任何多参数函数。但有时候我们没有所有我们想要的函数的源码;另外,如果我们需要直接调用该函数,必须要用这种方式:publishedInYear(2019)(book),代码可读性大大降低。

三、基于 Curry 的实现

如果我们的 publishedInYear 能在传入一个参数时返回一个已经绑定参数的函数,传入两个参数时直接调用,那将会大大增加代码可读性和灵活性。

幸运的是,得益于 JavaScript的一些函数式特性,如 Curry(柯里化),我们可以封装出想要的函数。

const publishedInYear = (...args) => {

if (args.length === 0) return publishedInYear;

if (args.length === 1) {

return book => book.year === args[0];

} elseif (args.length >= 2) {

return args[1].year === args[0];

}

}

但是,如果对所有函数都进行上述封装,实现起来会非常麻烦,有没有一种发放能自动实现上述封装?答案是柯里化:

functionpartial(fn){

const n = fn.length;

return getCurriedFn([]);

functiongetCurriedFn(prev){

returnfunction(arg){

const args = [...prev, arg];

if (args.length < n) {

return getCurriedFn(args);

}

else{

return fn.apply(this, args);

}

}

}

}

const publishedInYear = partial((year, book) => book.year === year);

// 部分调用

const publishedIn2019 = publishedInYear(2019);

const iBooks = books.filter(publishedIn2019);

// 完全调用

const published = publishedInYear(2018, book);

柯里化的函数在下列两种情况下工作的都很好:

  • 可以按正常情况下使用所有参数调用它,它可以像普通函数一样正常调用。
  • 也可以使用部分参数来调用它,这时它会返回新的绑定部分参数的函数。

四、Partial Right

如果需要对最后的参数进行部分应用,可以封装一个 partialRight 函数。他和 partial 的作用一样,唯一的区别是参数是从最后开始传递:

functionpartialRight(fn){

const n = fn.length;

return getCurriedFn([]);

functiongetCurriedFn(prev){

returnfunction(arg){

const args = [arg, ...prev];

if (args.length < n) {

return getCurriedFn(args);

}

else{

return fn.apply(this, args);

}

}

}

}

const publishedInYear = partialRight((book, year) => book.year === year);

// 部分调用

const publishedIn2019 = publishedInYear(2019);

const iBooks = books.filter(publishedIn2019);

// 完全调用

const published = publishedInYear(book, 2018);

以上是 JavaScript Partial Application 的全部内容, 来源链接: www.h5w3.com/115918.html

回到顶部