浅谈JS中的反柯里化( uncurrying)

发布时间 - 2026-01-11 02:49:57    点击率:

反柯里化

相反,反柯里化的作用在与扩大函数的适用性,使本来作为特定对象所拥有的功能的函数可以被任意对象所用.

即把如下给定的函数签名,

obj.func(arg1, arg2)

转化成一个函数形式,签名如下:

func(obj, arg1, arg2)

这就是 反柯里化的形式化描述。

例如,下面的一个简单实现:

Function.prototype.uncurrying = function() {
  var that = this;
  return function() {
    return Function.prototype.call.apply(that, arguments);
  }
};

function sayHi () {
  return "Hello " + this.value +" "+[].slice.call(arguments);
}
var sayHiuncurrying=sayHi.uncurrying();
console.log(sayHiuncurrying({value:'world'},"hahaha"));

解释:

  • uncurrying是定义在Function的prototype上的方法,因此对所有的函数都可以使用此方法。调用时候:sayHiuncurrying=sayHi.uncurrying(),所以uncurrying中的 this 指向的是 sayHi 函数; (一般原型方法中的 this 不是指向原型对象prototype,而是指向调用对象,在这里调用对象是另一个函数,在javascript中函数也是对象)
  • call.apply(that, arguments) 把 that 设置为 call 方法的上下文,然后将 arguments 传给 call方法,前文的例子,that 实际指向 sayHi,所以调用 sayHiuncurrying(arg1, arg2, ...) 相当于 sayHi.call(arg1, arg2, ...);
  • sayHi.call(arg1, arg2, ...), call 函数把 arg1 当做 sayHi的上下文,然后把 arg2,... 等剩下的参数传给sayHi,因此最后相当于 arg1.sayHi(arg2,...);
  • 因此,这相当于 sayHiuncurrying(obj,args) 等于 obj.sayHi(args)。

最后,我们反过来看,其实反柯里化相当于把原来 sayHi(args) 的形式,转换成了 sayHiuncurrying(obj,args),使得sayHi的使用范围泛化了。 更抽象地表达, uncurryinging反柯里化,使得原来 x.y(z) 调用,可以转成 y(x',z) 形式的调用 。 假设x' 为x或者其他对象,这就扩大了函数的使用范围。

通用反柯里化函数

上面例子中把uncurrying写进了prototype,这不太好,我们其实可以把 uncurrying 单独封装成一个函数;

var uncurrying= function (fn) {
  return function () {
    var args=[].slice.call(arguments,1);
    return fn.apply(arguments[0],args);    
  }  
};

上面这个函数很清晰直接。

使用时 调用 uncurrying 并传入一个现有函数 fn, 反柯里化函数会返回一个新函数,该新函数接受的第一个实参将绑定为 fn 中 this的上下文,其他参数将传递给 fn 作为参数。

所以,对反柯里化更通俗的解释可以是 函数的借用,是函数能够接受处理其他对象,通过借用泛化、扩大了函数的使用范围。

所以 uncurrying更常见的用法是对 Javascript 内置的其他方法的 借调 而不用自己都去实现一遍。

文字描述比较绕,还是继续看代码:

var test="a,b,c";
console.log(test.split(","));

var split=uncurrying(String.prototype.split);  //[ 'a', 'b', 'c' ]
console.log(split(test,','));          //[ 'a', 'b', 'c' ]

split=uncurrying(String.prototype.split) 给 uncurrying 传入一个具体的fn,即String.prototype.split ,split 函数就具有了 String.prototype.split 的功能,函数调用 split(test,',') 时,传入的第一个参数为 split 执行的上下文,剩下的参数相当于传给原 String.prototype.split 函数。

再看一个例子:

var $ = {};
console.log($.push);             // undefined
var pushUncurrying = uncurrying(Array.prototype.push);
$.push = function (obj) {
  pushUncurrying(this,obj);
};
$.push('first');
console.log($.length);            // 1
console.log($[0]);              // first
console.log($.hasOwnProperty('length'));   // true

这里模仿了一个“类似jquery库” 实现时借用 Array 的 push 方法。 我们知道对象是没有 push 方法的,所以 console.log(obj.push) 返回 undefined,可以借用Array 来处理 push,由原生的数组方法(js引擎)来维护 伪数组对象的 length 属性和数组成员。

同样的道理,我们还可以继续有:

var indexof=uncurrying(Array.prototype.indexOf);
$.indexOf = function (obj) {
  return indexof(this,obj);
};
$.push("second");
console.log($.indexOf('first'));       // 0
console.log($.indexOf('second'));       // 1
console.log($.indexOf('third'));       // -1

例如我们在实现自己的类库时,有些方法如果有些方法和原生的类似,那么可以通过 uncurrying 借用原生方法。

我们还可以把 Function.prototype.call/apply 方法 uncurring,例如:

var call= uncurrying(Function.prototype.call);
var fn= function (str) {
  console.log(this.value+str);
};
var obj={value:"Foo "};
call(fn, obj,"Bar!");            // Foo Bar!

这样可以非常灵活地把函数也当做一个普通“数据”来使用,有函数式编程的赶脚,在一些类库中经常能看到这样的用法。

通用 uncurrying 函数的进击

上面的 uncurrying 函数是比较符合思维习惯容易理解的版本,接下来一路进击,看几个其他版本:

首先,如果B格高一点,uncurrying 也可能写成这样:

var uncurrying= function (fn) {
  return function () {
    var context=[].shift.call(arguments);
    return fn.apply(context,arguments);
  }
};

当然如果还需要再提升B格,那么还可以是这样:

var uncurrying= function (fn) {
  return function () {    
    return Function.prototype.call.apply(fn,arguments);
  }
};

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。


# JS  # 反柯里化  # 详解JS中的柯里化(currying)  # 深入剖析JavaScript中的函数currying柯里化  # 深入解析JavaScript中函数的Currying柯里化  # javascript的currying函数介绍  # javascript currying返回函数的函数  # 前端JavaScript彻底弄懂函数柯里化curry  # 柯里  # 还可以  # 第一个  # 自己的  # 的是  # 类库  # 一个函数  # 几个  # 在这里  # 成了  # 是这样  # 这就是  # 进了  # 一遍  # 这就  # 可以通过  # 可以使用  # 再看  # 在与  # 设置为 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: 北京网站制作的公司有哪些,北京白云观官方网站?  清除minerd进程的简单方法  怎样使用JSON进行数据交换_它有什么限制  rsync同步时出现rsync: failed to set times on “xxxx”: Operation not permitted  简单实现Android验证码  Laravel如何将应用部署到生产服务器_Laravel生产环境部署流程  Laravel如何使用API Resources格式化JSON响应_Laravel数据资源封装与格式化输出  详解jQuery中基本的动画方法  利用JavaScript实现拖拽改变元素大小  canvas 画布在主流浏览器中的尺寸限制详细介绍  JavaScript如何实现继承_有哪些常用方法  怎么制作一个起泡网,水泡粪全漏粪育肥舍冬季氨气超过25ppm,可以有哪些措施降低舍内氨气水平?  网站制作大概多少钱一个,做一个平台网站大概多少钱?  html文件怎么打开证书错误_https协议的html打开提示不安全【指南】  Laravel怎么集成Vue.js_Laravel Mix配置Vue开发环境  高防服务器租用首荐平台,企业级优惠套餐快速部署  打开php文件提示内存不足_怎么调整php内存限制【解决方案】  七夕网站制作视频,七夕大促活动怎么报名?  如何确认建站备案号应放置的具体位置?  惠州网站建设制作推广,惠州市华视达文化传媒有限公司怎么样?  在Oracle关闭情况下如何修改spfile的参数  Android okhttputils现在进度显示实例代码  Laravel如何使用Eloquent进行子查询  Laravel PHP版本要求一览_Laravel各版本环境要求对照  Laravel怎么处理异常_Laravel自定义异常处理与错误页面教程  Linux安全能力提升路径_长期防护思维说明【指导】  Laravel如何实现本地化和多语言支持_Laravel多语言配置与翻译文件管理  如何批量查询域名的建站时间记录?  邀请函制作网站有哪些,有没有做年会邀请函的网站啊?在线制作,模板很多的那种?  大同网页,大同瑞慈医院官网?  Laravel storage目录权限问题_Laravel文件写入权限设置  如何彻底卸载建站之星软件?  Laravel数据库迁移怎么用_Laravel Migration管理数据库结构的正确姿势  如何挑选高效建站主机与优质域名?  laravel怎么为API路由添加签名中间件保护_laravel API路由签名中间件保护方法  如何用IIS7快速搭建并优化网站站点?  laravel怎么实现图片的压缩和裁剪_laravel图片压缩与裁剪方法  如何在阿里云域名上完成建站全流程?  Python并发异常传播_错误处理解析【教程】  微信小程序 input输入框控件详解及实例(多种示例)  北京网站制作公司哪家好一点,北京租房网站有哪些?  android nfc常用标签读取总结  电商网站制作价格怎么算,网上拍卖流程以及规则?  如何在局域网内绑定自建网站域名?  购物网站制作费用多少,开办网上购物网站,需要办理哪些手续?  千问怎样用提示词获取健康建议_千问健康类提示词注意事项【指南】  Laravel Livewire是什么_使用Laravel Livewire构建动态前端界面  如何用AI帮你把自己的生活经历写成一个有趣的故事?  浅述节点的创建及常见功能的实现  米侠浏览器网页图片不显示怎么办 米侠图片加载修复