HuQingyang

14 天前

Functional JavaScript 之 Partial Application

本文作者:IMWeb HuQingyang 原文出处:IMWeb社区 未经同意,禁止转载

一、什么是 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];
    } else if (args.length >= 2) {
        return args[1].year === args[0];
    }
}

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

function partial(fn){
        const n = fn.length;     
        return getCurriedFn([]);

         function getCurriedFn(prev){
          return function(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 的作用一样,唯一的区别是参数是从最后开始传递:

function partialRight(fn){
        const n = fn.length;     
        return getCurriedFn([]);

         function getCurriedFn(prev){
          return function(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);
0条评论

    您需要 注册 一个IMWeb账号或者 才能进行评论。