首页 >> js开发 >> JavaScriptjs函数柯里化的方法和作用实例分析
JavaScriptjs函数柯里化的方法和作用实例分析
发布时间: 2021年1月13日 | 浏览:
| 分类:js开发
本文实例讲述了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程序设计有所帮助。
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程序设计有所帮助。
相关文章:
- js在vue中created、mounted等方法使用小结js大全
- js微信小程序实现时间戳格式转换js大全
- js解决vue 使用setTimeout,离开当前路由setTimeout未销毁的问题js大全
- js简单了解前端渐进式框架VUEjs大全
- jsecharts实现获取datazoom的起始值(包括x轴和y轴)js大全
- jsVue 解决父组件跳转子路由后当前导航active样式消失问题js大全
- js解决Echarts2竖直datazoom滑动后显示数据不全的问题js大全
- js解决echarts 一条柱状图显示两个值,类似进度条的问题js大全
- js解决echarts中横坐标值显示不全(自动隐藏)问题js大全
- js详解微信小程序入门从这里出发(登录注册、开发工具、文件及结构介绍)js大全