js中的柯里化

概述

今天查询事件绑定资料的时候偶然遇到了柯里化这个词,很感兴趣,于是记录下来供以后开发时参考,相信对其他人也有用。

定义

柯里化是函数式编程里面的术语,它是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数而且返回结果的新函数的技术。

function add(first, second) {
return (first + second)
} //柯里化
let add1 = (num) => add(1, num)

所以,其实柯里化其实是箭头函数的一个语法糖,而箭头函数又是lambda函数的一个语法糖。

语法糖:用前端的话来说,就是polyfill,用低级的已经有的代码实现一个新的概念。

现在js里面的柯里化也不是非要确定几个参数了,只要意思相近即可。

简单实例

一个简单的例子如下:

for(var i = 0; i < 5; i++){
setTimeout(function(){
console.log(i);
}, 1000);
}

因为js没有块级作用域,所以这段代码输出5个5。

如果要输出01234呢?一个方法是利用let,另一个方法是利用柯里化。

//柯里化
var cury = (i) => {
var k = i;
return setTimeout(function(){
console.log(k);
}, 1000)
} for(var i = 0; i < 5; i++){
cury(i);
}

现代实例

一个很现代的例子是react的事件绑定中的bind就是柯里化。

onClick={this.handlehistory.bind(this)}

它接受参数this,并返回一个函数,这个函数在被window调用的时候还是能够使用当初传进去的这个this。

另一个例子是redux里面的dispatch。(我是看别人介绍说的,redux我还没学,就不写了)

上一篇:NVisionXRFBXConverter(Beta版)实践课程


下一篇:Lua 5.3 -- SOL2.0 用户指南 【2】