小编给大家分享一下JavaScript实现柯里化(curry)函数的案例,希望大家阅读完这篇文章后大所收获,下面让我们一起去探讨吧!
实现效果
const curry_fn = curry(fn);
fn(1, 2, 3) == curry_fn(1)(2)(3);
实现思路
通过闭包的方式储存传入参数
通过函数的length属性获得参数个数
当参数个数不够时直接返回方法
存储的参数个数等于原函数参数个数时执行原函数
源码实现
function curry(fn) {
var length = fn.length; //获取原函数的参数个数
var args = []; // args存储传入参数
return function curryFn() {
// 将arguments转换成数组
var curryArgs = Array.prototype.slice.call(arguments);
args = args.concat(curryArgs);
if (args.length > length) {
throw new Error('arguments length error')
}
// 存储的参数个数等于原函数参数个数时执行原函数
if (args.length === length) {
return fn.apply(null, args);
}
// 否则继续返回函数
return curryFn;
};
}
ES6版
function curry(fn) {
let length = fn.length;
let args = [];
return function curryFn(...curryArgs) {
args = args.concat(curryArgs);
if (args.length > length) {
throw new Error('arguments length error')
}
if (args.length === length) {
return fn(...args);
}
return curryFn;
}
}
看完了这篇文章,相信你对JavaScript实现柯里化(curry)函数的案例有了一定的了解,想了解更多相关知识,欢迎关注天达云行业资讯频道,感谢各位的阅读!