本文实例讲述了js函数柯里化的方法和作用。分享给大家供大家参考,具体如下:函数柯里化的方法:1,利用数组的reduce方法可实现柯里化,具体参见我的另外一篇文章2,代码如下
const curry = (fn, ...args) =>{

console.log('args',args)

// console.log(fn.length,args.length)

return args.length < fn.length

// 参数长度不足时,重新柯里化该函数,等待接受新参数

? (...arguments) => {

console.log('arguments',arguments)

return curry(fn, ...args, ...arguments)

}

// 参数长度满足时,执行函数

: fn(...args);
}
function sumFn(a, b, c) {

return a + b + c;
}
var sum = curry(sumFn);
const one = sum(2)
console.log('one:',one.toString())
const two = one(3)
console.log('two:',two.toString())
const three = two(5)
console.log('three:',three.toString())

//console.log(sum(2)(3)(5));//10
// console.log(sum(2, 3, 5));//10
// console.log(sum(2)(3, 5));//10
// console.log(sum(2, 3)(5));//10


const curry = (fn, ...args) =>{

console.log('args',args)

// console.log(fn.length,args.length)

return args.length < fn.length

// 参数长度不足时,重新柯里化该函数,等待接受新参数

? (...arguments) => {

console.log('arguments',arguments)

return curry(fn, ...args, ...arguments)

}

// 参数长度满足时,执行函数

: fn(...args);
}
function sumFn(a, b, c) {

return a + b + c;
}
var sum = curry(sumFn);
const one = sum(2)
console.log('one:',one.toString())
const two = one(3)
console.log('two:',two.toString())
const three = two(5)
console.log('three:',three.toString())

//console.log(sum(2)(3)(5));//10
// console.log(sum(2, 3, 5));//10
// console.log(sum(2)(3, 5));//10
// console.log(sum(2, 3)(5));//10

函数柯里化的主要作用:

参数复用。

提前返回 – 返回
接受余下的参数
且返回结果

新函数。

延迟执行 – 返回新函数,等待执行。
参数复用。提前返回 – 返回
接受余下的参数
且返回结果

新函数。接受余下的参数
且返回结果接受余下的参数
且返回结果延迟执行 – 返回新函数,等待执行。感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools./code/HtmlJsRun测试上述代码运行效果。在线HTML/CSS/JavaScript代码运行工具在线HTML/CSS/JavaScript代码运行工具http://tools./code/HtmlJsRun关于JavaScript相关内容可查看本站专题:《JavaScript常用函数技巧汇总》、《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数学运算用法总结》JavaScript常用函数技巧汇总javascript面向对象入门教程JavaScript错误与调试技巧总结JavaScript数据结构与算法技巧总结JavaScript数学运算用法总结希望本文所述对大家JavaScript程序设计有所帮助。