JavaScript 基础:柯里化

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

内容简介:在计算机科学中,柯里化(英语: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-1 / CNY 49.00

本书以探索之旅的形式,从在浏览器中输入网址开始,一路追踪了到显示出网页内容为止的整个过程,以图配文,讲解了网络的全貌,并重点介绍了实际的网络设备和软件是如何工作的。目的是帮助读者理解网络的本质意义,理解实际的设备和软件,进而熟练运用网络技术。同时,专设了“网络术语其实很简单”专栏,以对话的形式介绍了一些网络术语的词源,颇为生动有趣。 本书图文并茂,通俗易懂,非常适合计算机、网络爱好者及相关从......一起来看看 《网络是怎样连接的》 这本书的介绍吧!

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码

SHA 加密
SHA 加密

SHA 加密工具