上面已经说明了柯里化的原理和实现。那究竟柯里化有什么作用呢?常见的作用是:
参数复用上面例子已经展示了,不赘述。
延迟运行其实非常直观,因为不是返回运算结果,而是返回新函数,当然是延迟运行啦。例如bind就是延迟执行的代表,不赘述
扁平化的函数更加易读。例如你要从站点的JSON数据里获取所有文章的title:
//JSON数据{ "user": "Jack", "posts": [
{ "title": "JavaScript Curry", "contents": "..." },
{ "title": " JavaScript Function", "contents": "..." }
]
}//从JSON数据中获取所有文章的titlefetchFromServer()
.then(JSON.parse)
.then(function(data){ return data.posts })
.then(function(posts){ return posts.map(function(post){ return post.title })
})
当然你可能写出更优雅的代码…但这不是重点。重点是用柯里化将代码更加易读易维护:
var curry = require('curry');var get = curry(function(property, object){ return object[property] });
fetchFromServer()
.then(JSON.parse)
.then(get('posts'))
.then(map(get('title')))
提前返回?
最后网上还有个作用是提前返回,例如IE的事件和其他浏览器不同,为实现兼容性,可以这样实现:
function addHandler(target, eventType, handler){ if (target.addEventListener){
target.addEventListener(eventType, handler, false);
} else { //IE
target.attachEvent("on" + eventType, handler);
}
}
但上面这样有个问题,每次调用addHandler函数都要进行一次if…else的判断。常识告诉我们,除非用户在执行过程中更换浏览器(如果能现实的话),否则只需要在用户第一次连接站点时判定一次即可,之后的调用不必再次检查了。
用柯里化返回新函数的特性可以实现:
var addEvent = (function(){ if (target.addEventListener) { return function(target, eventType, handler) {
target.addEventListener(eventType, handler, false);
};
} else { //IE
return function(target, eventType, handler) {
target.attachEvent("on" + eventType, handler);
};
}
})();
但在我看来,这里用柯里化意义不大。因为柯里化虽然优点很多,缺点同样明显,就是学习成本有点高。用柯里化实现“提前返回”,维护的成本大于收益。
不用柯里化怎么实现呢?一个三元运算符就搞定了:
var addHandler = document.body.addEventListener ? function(target, eventType, handler){
target.addEventListener(eventType, handler, false);
} : function(target, eventType, handler){
target.attachEvent("on" + eventType, handler);
};
或者函数内部重写该函数也行:
function addHandler(target, eventType, handler){ if (target.addEventListener){
addHandler = function(target, eventType, handler){ //重写该函数
target.addEventListener(eventType, handler, false);
};
} else { //IE
addHandler = function(target, eventType, handler){ //重写该函数
target.attachEvent("on" + eventType, handler);
};
}
addHandler(target, eventType, handler); //调用新函数}
两种方法都非常直观,简单明了,不要为了用柯里化而用柯里化。
总结
柯里化虽然有一个神秘的名字,但其实说穿了并不神秘。在前端它的应用场并不多(当然也可能我经验比较浅),更多的应该是用在后端异步函数里,如Node.js,对于异步API用柯里化可以减少回调嵌套。
作者:张歆琳
链接:https://www.jianshu.com/p/9b6b5c7527fc