一行写出javascript函数式编程中的curry

Jackwoo 发布于2019-08-20 14:03 / 1201人阅读

摘要：我们终于写完了这个神奇的函数，它真的很强大，配合，那真是一个字，爽。

最近在学习javascript函数式编程，对其中大名鼎鼎的curry十分感兴趣，curry函数可以接受一个函数，我们暂且称之为原始函数，返回的也是一个函数，柯里化函数，这个返回的柯里化函数功能十分强大，他在执行的过程中，不断的返回一个贮存了传入参数的函数，直到触发了原始函数执行的条件。这么说比较概括，那么就举个例子来说明一下：

原始函数：

    var add = (x, y) => x + y

柯里化函数：

    var curryAdd = curry(add)

这个add需要两个参数，但是我们的curryAdd执行可以传入更少的参数，当传入的参数少于add需要的参数的时候，add函数并不会执行，curryAdd就会将这个参数记下来，并且返回另外一个函数，这个函数可以继续执行传入参数，我们会有一个变量专门记录传入参数的情况，如果传入参数的总数等于add需要参数的总数，我们就激活了原始参数执行，就会返回我们想要的结果。

    // 此时只传入了一个参数 根据判断返回的是一个函数
    var add2 = curryAdd(2)
    // add2 = function(...) {}

    // 此时累计传入了两个参数 等于了add需要参数的总和 所以返回的是一个结果
    // 相当于执行了add(2)(3)
    var result = add2(3)
    // result = 5

还是很不错的是吧，好吧，我们的目的是为了写出这个神奇curry函数，而且还要一行写出来，不要着急，先分析一下怎么去写，然后再一步步的优化。

那根据上面的描述，我们看一下curry函数需要什么，首先需要一个变量，用来存下来原始函数的参数个数，我们知道function有一个属性为length，对就是它，我们用limit存下来

    var curry = function(fn) {
         var limit = fn.length
         ...
    }

curry函数要返回一个函数, 这个函数是要执行的，那么问题就是，我们要判断这个函数的执行是否激活了原始函数的执行，问题就出现在传入的参数上面。返回函数还是结果？这的确是一个问题，
我们先写返回结果的情况，当传入的参数等于原始函数需要的参数时，我们执行原始函数fn

    var curry = function(fn) {
         var limit = fn.length
         return function (...args) {
             if (args.length >= limit) {
                 return fn.apply(null, args)
             }
         }
    }

否则呢我们就要返回一个贮存了参数的函数，这里有两点，一是参数的传入历史我们要记录下来，二是这个返回的函数需要做些什么

    var curry = function(fn) {
         var limit = fn.length
         return function (...args) {
             if (args.length >= limit) {
                 return fn.apply(null, args)
             } else {
                 return function(...args2) {
                     
                 }
             }
         }
    }

看出来了吧我们只需要把返回函数执行的参数累加起来就达到了记录参数传入情况的目的，于是我们想到了concat 对 args.concat(args2), 依次类推，我们返回的函数要做的就是重复做上面的事情，也就是参数为args的函数要做的事情，所以他需要一个名字，不然我们没法执行，我们叫它judgeCurry
所以正如我们所说的，要么返回一个函数，要么执行原始函数。

    var curry = function(fn) {
         var limit = fn.length
         return function judgeCurry (...args) {
             if (args.length >= limit) {
                 return fn.apply(null, args)
             } else {
                 return function(...args2) {
                     return judgeCurry.apply(null, args.concat(args2))                                     
                 }
             }
         }
    }

我们终于写完了这个神奇的curry函数，它真的很强大，配合compose，那真是一个字，爽。
我们的目的还是一行把上面那个函数写出来，一行写？怎么写？对了，用ES6啊，于是一番折腾

    var currySingle = fn => judgeCurry = (...args) => args.length >= fn.length ? fn.apply(null, args) : (...args2) => judgeCurry.apply(null, args.concat(args2))

好，我们看一下哪有问题，对了，就是我们为了不用limit参数，用了就得赋值，赋值就不能一行搞定了，就会变成这样

    var currySingle = fn => {
        var limit = fn.length
        var judgeCurry = null
        return judgeCurry = (...args) => args.length >= limit ? fn.apply(null, args) : (...args2) => judgeCurry.apply(null, args.concat(args2))
    }

需要判断参数的时候不断的对fn.length求值，但是fn.length的值是确定的，我们不想每次都求值，但又不想用limit怎么办，有什么办法呢？你一定想到了，立即执行函数！！

    var currySingle = fn => ((limit) => judgeCurry = (...args) => args.length >= limit ? fn.apply(null, args) : (...args2) => judgeCurry.apply(null, args.concat(args2)))(fn.length)

不得不感叹javascript的神奇，终于，我们就一行将这个神奇的curry写出来了。。。

云服务器 GPU云服务器 javascript函数式编程函数式编程函数式编程指针函数式编程语言?

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/81392.html

JavaScript函数式编程，真香之组合(一)

摘要：组合的概念是非常直观的，并不是函数式编程独有的，在我们生活中或者前端开发中处处可见。其实我们函数式编程里面的组合也是类似，函数组合就是一种将已被分解的简单任务组织成复杂的整体过程。在函数式编程的世界中，有这样一种很流行的编程风格。 JavaScript函数式编程，真香之认识函数式编程(一) 该系列文章不是针对前端新手，需要有一定的编程经验，而且了解 JavaScript 里面作用域，闭...

mengbo 2019-08-23 15:22 评论0 收藏0
翻译连载 | 第 11 章：融会贯通－《JavaScript轻量级函数式编程》 |《你不知道的JS

摘要：译者团队排名不分先后阿希冬青萝卜萌萌轻量级函数式编程第章融会贯通现在你已经掌握了所有需要掌握的关于轻量级函数式编程的内容。回头想想我们用到的函数式编程原则。这两个函数组合成一个映射函数通过，这就是融合见第章。原文地址：Functional-Light-JS 原文作者：Kyle Simpson－《You-Dont-Know-JS》作者关于译者：这是一个流淌着沪江血液的纯粹工程：...

codeKK 2019-08-21 17:40 评论0 收藏0
JavaScript函数式编程（一）

摘要：所以下面介绍一些函数式编程的知识和概念。函数式编程的一个明显的好处就是这种声明式的代码，对于无副作用的纯函数，我们完全可以不考虑函数内部是如何实现的，专注于编写业务代码。我会在下一篇文章中介绍函数式编程的更加高阶一些的知识，例如等等概念。一、引言说到函数式编程，大家可能第一印象都是学院派的那些晦涩难懂的代码，充满了一大堆抽象的不知所云的符号，似乎只有大学里的计算机教授才会使用这些东...

Shihira 2019-08-21 10:55 评论0 收藏0
掌握JavaScript函数的柯里化

摘要：原文链接和都支持函数的柯里化函数的柯里化还与的函数编程有很大的联系如果你感兴趣的话可以在这些方面多下功夫了解相信收获一定很多看本篇文章需要知道的一些知识点函数部分的闭包高阶函数不完全函数文章后面有对这些知识的简单解释大家可以看看什么是柯里化原文链接 Haskell和scala都支持函数的柯里化,JavaScript函数的柯里化还与JavaScript的函数编程有很大的联系,如果你感兴...

DTeam 2019-08-21 10:56 评论0 收藏0
ES6函数与Lambda演算

摘要：高阶函数函数式编程中，接受函数作为参数，或者返回一个函数作为结果的函数通常就被称为高阶函数。均属于高阶函数，高阶函数并不神秘，我们日常编程也会用到。参考演算函数式编程指南入门康托尔哥德尔图灵永恒的金色对角线原文函数与演算缘起造了一个轮子，根据GitHub项目地址，生成项目目录树，直观的展现项目结构，以便于介绍项目。欢迎Star。 repository-tree 技术栈： ES6 ...

fasss 2019-08-21 18:45 评论0 收藏0