Functional JavaScript 之 Partial Application

IMWeb前端团队

发布于 2019-12-04 16:54:13

4140

发布于 2019-12-04 16:54:13

文章被收录于专栏：IMWeb前端团队IMWeb前端团队

本文作者：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);

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2019-06-11 ，如有侵权请联系 cloudcommunity@tencent.com 删除

javascript

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体分享计划，欢迎热爱写作的你一起参与！

javascript

登录后参与评论

0 条评论

热度