专栏首页IMWeb前端团队Functional JavaScript 之 Partial Application

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 条评论
登录 后参与评论

相关文章

  • 我应该拿什么来拯救你,我的游戏?

    前段时间,晓衡加入的一个小游戏个人开发者群突然,炸锅了!群里有两位伙伴开发的小游戏,一个破解上架头条,一个破解打成 Android 包。

    张晓衡
  • 【Rust日报】 2019-11-12 揭开异步Rust的神秘面纱

    经过大量的重构之后,librsvg现在可以在Rust中完成所有CSS解析和匹配,无需使用libcroco。另外,CSS引擎来自Mozilla Servo,因此它...

    MikeLoveRust
  • 【JS】409- ES6之Proxy 的巧用

    使用Proxy,你可以将一只猫伪装成一只老虎。下面大约有6个例子,我希望它们能让你相信,Proxy 提供了强大的 Javascript 元编程。

    pingan8787
  • Caffeine Cache 进程缓存之王

    互联网软件神速发展,用户的体验度是判断一个软件好坏的重要原因,所以缓存就是必不可少的一个神器。在多线程高并发场景中往往是离不开cache的,需要根据不同的应用场...

    三哥
  • 在前端 Word 还能这样玩

    前阵子听到公司运营的小姐姐们在抱怨,说在富文本编辑器中发布包含图片的 Word 文档时,图片和文本内容不能一起复制,每次她们都得分开处理,对于包含较多图片的 W...

    semlinker
  • 0729-6.3.0-如何修改CDSW1.6中Docker服务的默认网关

    CDSW服务Docker组件启动时自动创建docker0网桥,其默认IP为172.17.0.1。该网段的网关与公司的网关冲突,导致服务器上挂载的公共盘不能正常使...

    Fayson
  • 数组原生api以及es6+函数式编程(curry)实现lodash函数

    本文实现方法都是看效果倒推实现方法,并进行一些拓展和思考,和源码无关。lodash这个库的文档更像一个题库,给出了题目让我们刷题的

    前端迷
  • JavaScript 测试教程 part 1:用 Jest 进行单元测试[每日前端夜话0xE7]

    有多种不同种类的测试,我会首先解释其中的一部分。首先,我将介绍单元测试的基础知识,即测试应用程序的每个部分并检查它们是否适合使用。为此我们将使用 Faceboo...

    疯狂的技术宅
  • Vue + Koa从零打造一个H5页面可视化编辑器——Quark-h5

    想必你一定使用过易企秀或百度H5等微场景生成工具制作过炫酷的h5页面,除了感叹其神奇之处有没有想过其实现方式呢?本文从零开始实现一个H5编辑器项目完整设计思路和...

    Nealyang
  • async-std 1.0发布

    async-std是Rust的标准库到异步世界的移植。它运行速度十分快,使用体验也更良好。

    MikeLoveRust

扫码关注云+社区

领取腾讯云代金券