关于js中的柯里化(Currying)与反柯里化(Uncurrying)

今天了解到一个新名词:柯里化,研究一番后总结如下:

一· 柯里化

定义

把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数且返回结果的新函数的技术。缩小适用范围,创建一个针对性更强的函数。

通用实现

Function.prototype.currying = function (arg1) {
    var _this = this;
    return function () {
        [].unshift.call(arguments, arg1);
        return _this.apply(_this, arguments);
    }
};

示例

1.现有一个求和函数:

function sum(a, ...num) {
    return num.reduce((sum, e) => {
        return sum + e;
    }, a);
}

我们想要它在100的基础上求和则可以实现如下(有点类似python中的装饰器):

var total = sum.currying(100)(5, 6, 7, 8);
console.log(total)//126

2.测试接口请求:

var testApi = $.post.currying('/crm/customer/add');
var cb = (data) => console.log(data);
testApi({name: '大卫', 'sex': '男'}, cb);
testApi({name: '小卫', 'sex': '女'}, cb);
testApi({name: '中卫', 'sex': '人妖'}, cb);

或者这样:

var testApi = ((url) => {
    return function () {
        $.post(url, arguments[0], (data) => console.log(data))
    }
})('/crm/customer/add');
testApi({name: '大卫', 'sex': '男'});
testApi({name: '小卫', 'sex': '女'});
testApi({name: '中卫', 'sex': '人妖'});

二· 反柯里化

定义

基本就是柯里化反向操作了。扩大适用性。

通用实现

Function.prototype.uncurrying = function () {
    var _this = this;
    return function () {
        return _this.apply(arguments[0], [].slice.call(arguments, 1))
    }
};

示例

上边的通用实现方法中,由于:arguments对象不是一个 Array 。它类似于Array,但除了长度之外没有任何Array属性,但可以对它使用Array的方法。操作时需要这样:Array.prototype.unshift.call(arguments, arg)[].unshift.call(arguments, arg)

如果使用反柯里化,则可以这样写:

var array_unshift = Array.prototype.unshift.uncurrying();
array_unshift(arguments, arg)//震惊!某前端只会php,竟月入百万。。。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值