1
手写JS-柯里化函数的实现
source link: https://www.fly63.com/article/detial/11425
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
更新日期: 2022-04-29阅读量: 626标签: 柯里化分享
扫一扫分享
什么是函数柯里化呢？所谓”柯里化”，简单来说就是把一个多参数的函数，转化为单参数函数。
手写一个简单的小例子：
// 柯里化之前
function add(a, b, c) {
return a + b + c
}
add(1, 2, 3) // 6
// 柯里化之后
let addCurry = curry(add)
addCurry(1)(2)(3) // 6
而这个例子显然也并不完整，比如curry函数是如何实现的呢？接下来跟着实现一下。
实现curry函数
- 可以理解所谓的柯里化函数，就是封装==一系列的处理步骤==，通过闭包将参数集中起来计算，最后再把需要处理的参数传进去。
- 实现原理就是用闭包把传入参数保存起来，当传入参数的数量足够执行函数时，就开始执行函数。
通过实现 curry 这个函数，使函数从一次调用传入多个参数变成多次调用每次传一个参数。
使用ES6语法手写curry函数：（相对来说更加简洁也更加易懂）
const curry = fn =>
judge = (...args) =>
args.length >= fn.length
? fn(...args)
: (...arg) => judge(...args, ...arg)
// Test
const fn = curry(function(a, b, c) {
console.log([a, b, c]);
})
add(1, 2, 3) // 6
add(1, 2)(3) // 6
add(1)(2)(3) // 6
add(1)(2, 3) // 6
- 调用curry函数，获取函数fn的参数。
- 定义一个新的函数judge，接收参数为...args。
- 判断新函数接受的参数长度是否大于等于fn剩余参数需要接收的长度
- 满足要求，则执行fn函数，并传入新函数的参数
- 否则，返回一个新的匿名函数，这个函数把所有传入参数...args保存在arg数组中，而这个匿名函数被执行后，就把以前收到的参数数组和当前的参数数组合并后，放到前面说的逻辑中，在judge函数里判断，重复第3步。
经过手写一个小例子大家应该基本了解了什么是函数柯里化，并且实现了 curry 函数：用闭包把传入参数保存起来，当传入参数的数量足够执行函数时，就开始执行函数。虽然不算太深入，怎么也算小有收获吧。
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK