介绍

柯理化是一种对于函数的高阶技术。
柯里化是一种函数的转换,它是指将一个函数从可调用的 f(a, b, c) 转换为可调用的 f(a)(b)(c)。
柯里化不会调用函数。它只是对函数进行转换。
一个最简略的例子

// 本来的sum函数以及利用function sum(a, b) {  return a + b;}sum(1,2) // 3// 柯理化后的sum函数以及利用function curry_sum(a) {  return function(b){     return a+b  }}sum(1)(2) // 3// 或者 fn=sum(1)  fn(2)  ==>3

为什么要柯理化

柯理化的应用必定不是为了装逼,或者说不仅仅为了装逼。

柯理化能够提早执行,达到参数复用的目标。(集体了解动静函数和惰性函数和柯理化没啥关系)

原先是sum(1,2)立刻执行,当初能够先fn=sum(1) 而后再fn(2) 这个就对于函数的执行可控了

第一次传参并不执行,咱们先潜伏它一波。

前面函数执行的时候复用的咱们第一次传的参,这个就叫提早执行,参数复用。这样能够大幅度简化咱们的代码。

一个能投入使用的柯理化函数长啥样

尽管咱们能够依据柯理化的思维,写出咱们想要的函数,比方之前的curry_sum

然而咱们最好能写个更通用的柯理化函数,它承受一个fn,返回一个包装后的函数curry_fn,实现咱们所须要的参数复用和提早执行性能。

这里参考Lodash咱们看一个curry函数长啥样

/** * 参数 *  func: 用来柯里化(curry)的函数。 *  [arity=func.length] : 须要提供给 func 的参数数量。 * *  返回 * (Function): 返回新的柯里化(curry)函数。 */function curry(func, [arity=func.length]){}

咱们给出它的测试用例

// curry.test.jsconst{curry} = require('./index')test('curry',()=>{    const add = (a,b,c)=>{        return a+b+c    }    const sayhi = function(){        return this.name    }    const curry_add = curry(add)    const curry_sayhi = curry(sayhi)    const obj = {name:'fyy'}    expect(curry_sayhi.call(obj)).toBe('fyy')    expect(curry_add(2)(3)(4)).toBe(9)    expect(curry_add(1)(2,3)).toBe(6)    expect(curry_add(1,2)(2)).toBe(5)    expect(curry_add(1,2,1)).toBe(4)})

实现

咱们在index.js外面实现一个curry函数

实现的时候须要留神几个关键点

  • 利用闭包保留参数
  • fn真正执行是传的参数达到fn承受的参数个数时
  • 这里要思考this的指向,咱们用apply函数,同时不能在这应用箭头函数,箭头函数外面apply有效,而且是指向定义时的this,node外面也就是空对象
  • 递归的一个应用
//index.jsconst curry = function(fn){    return function curried(...args){ //这里不能用箭头函数        if(fn.length===args.length){            return fn.apply(this,args)        }else{            return function(...args1){                return curried.apply(this,args.concat(args1))            }        }    }}module.exports = {    curry}

咱们跑一下测试用例,证实函数没有问题。

柯理化实用例子

看两个柯理化的例子,加深一下了解

封装申请

比方api长这样 ajax(method,url,params)

// 咱们能够在serve.js里封装一个postconst post = url=> data => ajax('post',url,params)// 在module1api.js外面封装一些地址import {post} from 'serve.js'const getList = post('www.xxx.com/api/xxx')// 在须要调接口的中央,咱们只用传递参数就行了,调用形式和地址曾经提前穿过了// 第一处中央import{getList} from 'module1api.js'const data = getList(params)// 第二处中央import{getList} from 'module1api.js'const data = getList(params)// 第N处中央...import{getList} from 'module1api.js'const data = getList(params)

简化解决数据

拿到后盾的数据 常常要解决
比方原始数据 const data = [{name: 'kevin'}, {name: 'daisy'}]
咱们须要解决成['kevin','daisy']
每次在这都调用Map办法实际上代码很臃肿

var _data = data.map(function (item) {    return item.name;})

咱们其实能够这么写,这也是利用了柯理化

const prop = curry(function (key, obj) {        return obj[key]});var _data = person.map(val=>prop('name')(val))// var _data = person.map(prop('name')) /**如果想间接这么调的话,curry须要改一下,把fn.length===args.length中的===改为>== 大家能够好好想一想起因,*/

总结

柯理化其实挺罕用的,不肯定非要用curry函数,了解它的思维咱们就能写出很柔美很高效的代码。
总归就是闭包的一种利用。

参考文章

柯理化
JavaScript专题之函数柯里化
lodash_curry
深刻高阶函数利用之柯里化
https://segmentfault.com/a/1190000018180159