JavaScript 基础：柯里化

栏目: JavaScript · 发布时间: 6年前

内容简介：在计算机科学中，柯里化（英语：Currying），又译为卡瑞化或加里化，是把接受多个参数的函数变换成接受一个单一参数（最初函数的第一个参数）的函数，并且返回接受余下的参数而且返回结果的新函数的技术。这是 wiki 百科的解释。简单来说，柯里化就是帮你消化一部分参数的函数。来张图吧～

在计算机科学中，柯里化（英语：Currying），又译为卡瑞化或加里化，是把接受多个参数的函数变换成接受一个单一参数（最初函数的第一个参数）的函数，并且返回接受余下的参数而且返回结果的新函数的技术。

这是 wiki 百科的解释。简单来说，柯里化就是帮你消化一部分参数的函数。来张图吧～

JavaScript 基础：柯里化

本来计算 a + b + c，需要三个参数，结果柯里化函数帮你消化了一部分，每次只需要传递一个参数。

柯里化和高阶函数有啥区别？

有的同学看到上面的嵌套函数，会想这不就是高阶函数吗？没错，柯里化一定是高阶函数，但高阶函数不一定是柯里化。因为高阶函数的定义是：

在数学和计算机科学中，高阶函数是至少满足下列一个条件的函数：接受一个或多个函数作为输入输出一个函数。

比如，ES6 的 map、reduce 都是高阶函数（函数作为参数），但它们不是柯里化。

面试题一：用 apply 实现 bind

Function.prototype.bind = function () {
  const fn = this;
  const args = Array.from(arguments);
  const ctx = args.shift();
  return function () => {
    fn.apply(ctx, args.concat(Array.from(arguments)))
  }
}

bind 先消化一部分参数，apply 再消化一部分参数。

面试题二：实现 sum 函数

满足：

sum(1)(2).valueOf() // 3
sum(1)(2)(3).valueOf() // 6
sum(1)(2)....(n).valueOf() // 所有参数的和

sum 就是一个柯里化函数，因为它执行一次就消化了一部分参数，并返回了一个函数继续消化剩余的参数，最终还能把所有消化的参数计算出来。

先实现两个参数的版本：

const sum = (a) => (b) => ({valueOf: () => a+b})

那么无限参数的版本难道是这样：

const sum = (a) => (b) => (c) => ... => (n) => ({valueOf: () => a+b+...+n})

显然不行，所以用递归：

const sum = (n) => { 
  let val = a;
  const tmp = (n) => {
    val += n;
    return tmp;
  }
  tmp.valueOf = () => val;
  return tmp;
}

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。

码农书籍

数字时代的营销战略

曹虎、王赛、乔林、【美】艾拉·考夫曼 / 机械工业出版社 / 2017-1 / 99.00元

菲利普•科特勒说，市场比市场营销变得更快（Market changes faster than Marketing），在这个变革的时代，从硅谷、波士顿到北京、上海、深圳，我们正在重新定义公司，重新定义组织，重新定义战略；同样地，营销亦需要重新定义。从本质上讲，营销战略只有两个时代：实体时代与比特时代，也可称为工业时代与数字时代。从5年前开始，第二个时代正在向未来20年展开画卷，数字创新型企......一起来看看《数字时代的营销战略》这本书的介绍吧!

码农工具