概述
今天查询事件绑定资料的时候偶然遇到了柯里化这个词,很感兴趣,于是记录下来供以后开发时参考,相信对其他人也有用。
定义
柯里化是函数式编程里面的术语,它是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数而且返回结果的新函数的技术。
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我还没学,就不写了)