js柯里化

柯里化允许我们把函数与传递给它的参数相结合,产生一个新的函数。最大的作用是参数复用。

//给所有函数都添加一个method方法,用于添加其他方法
//原型链是F->Function.prototype->Object.prototype
Function.prototype.method = function(name,func){
    this.prototype[name]=func;
    return this;
}

//给所有函数添加一个curry方法
Function.method('curry',function(){
    var slice = [].slice;//arguments是类似数组,但没有任何数组的方法,所以要将它转为真正的数组
    var args = slice.call(arguments), that = this;//this指向调用它的函数
    return function(){
        return that.apply(null,args.concat(slice.call(arguments)));
    };
})

//测试,add函数
function add(a,b,c){
    return a+b+c;
}
var add2 = add.curry(1,2);//复用参数a=1,b=2
console.log(add2(3));//6
### JavaScript 柯里化函数的实现原理与示例 #### 实现原理 柯里化是一种函数转换技术,将一个接受多个参数的函数转换为一系列接受单一参数的嵌套函数。其核心思想是通过高阶函数的方式逐步接收参数,直到所有参数都被提供后才执行原始函数。 在 JavaScript 中,柯里化函数的实现通常涉及以下关键点: - **函数的 length 属性**:用于获取函数期望的参数个数。 - **闭包与递归**:用于保存已经传入的参数,并在参数足够时调用原始函数。 - **apply/call/bind**:用于控制函数执行上下文和参数传递。 - **剩余参数(...args)与展开运算符**:ES6 提供的语法糖,使参数处理更加简洁。 #### 手动实现柯里化 以下是一个基于函数 length 和闭包实现的通用柯里化函数: ```javascript function curry(fn) { return function curried(...args) { if (args.length >= fn.length) { return fn.apply(this, args); } else { return function (...moreArgs) { return curried.apply(this, args.concat(moreArgs)); }; } }; } ``` 使用示例: ```javascript function sum(a, b, c) { return a + b + c; } const curriedSum = curry(sum); console.log(curriedSum(1)(2)(3)); // 输出 6 console.log(curriedSum(1, 2)(3)); // 输出 6 console.log(curriedSum(1)(2, 3)); // 输出 6 ``` #### 使用 ES6 简洁实现 利用 ES6 的剩余参数和递归,可以写出更简洁的柯里化函数: ```javascript const curry = (fn, ...args) => args.length >= fn.length ? fn(...args) : (...moreArgs) => curry(fn, ...args, ...moreArgs); ``` 使用示例: ```javascript const sum = (a, b, c) => a + b + c; const curriedSum = curry(sum); console.log(curriedSum(1)(2)(3)); // 输出 6 console.log(curriedSum(1, 2)(3)); // 输出 6 console.log(curriedSum(1)(2, 3)); // 输出 6 ``` #### 应用场景 柯里化在实际开发中具有广泛的应用场景,例如: - **函数式编程**:用于构建可组合、可重用的函数链。 - **参数预设**:提前固定部分参数,生成定制化的函数。 - **事件处理**:在事件监听中传递部分参数而不立即执行函数。 #### 示例:使用 Lodash 进行柯里化 Lodash 提供了内置的 `_.curry` 方法,可以自动将函数柯里化: ```javascript const _ = require('lodash'); const sum = (a, b, c) => a + b + c; const curriedSum = _.curry(sum); console.log(curriedSum(1)(2)(3)); // 输出 6 console.log(curriedSum(1, 2)(3)); // 输出 6 console.log(curriedSum(1)(2, 3)); // 输出 6 ``` #### 注意事项 - 柯里化并不适用于所有函数,尤其在函数参数数量不确定或使用了 `arguments` 对象的情况下需要特别处理。 - 柯里化可能会带来一定的性能开销,特别是在递归调用和闭包的使用中。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值