如何用闭包实现函数柯里化后的部分参数复用

浅磊酱_2011

浅磊酱_2011

2026-04-05

199人浏览

原创

柯里化闭包的参数复用本质是闭包捕获并持久化外层调用的参数,每次调用生成独立作用域互不干扰;手写curry需缓存args、动态判断参数数量、正确绑定this,且curried必须为普通函数而非箭头函数。

如何用闭包实现函数柯里化后的部分参数复用

什么是柯里化闭包的参数复用本质

柯里化后能复用部分参数,靠的不是语法糖,而是闭包捕获了外层函数调用时传入的参数,并把它们封存在返回函数的词法环境中。只要返回的函数没被垃圾回收,那些参数就一直可用。

关键点在于:每次调用柯里化函数时,它生成的新函数都自带一套独立的闭包作用域,互不干扰。比如 add5 = curryAdd(5) 和 add10 = curryAdd(10) 各自记住自己的第一个参数,后续调用不会串。

手写一个带参数复用能力的 curry 函数

不能直接用 Function.prototype.bind,因为它不支持动态参数数量判断;也不能只靠递归返回函数而不缓存中间状态——那样每次调用都重新计算,失去“复用”意义。

  • 用闭包保存已传参数(args 数组),每次调用都追加新参数
  • 当累积参数数 ≥ 原函数期望参数数(fn.length),立即执行并返回结果
  • 否则返回新函数,继续等待参数,且该函数仍持有当前 args 的引用
function curry(fn) {
  return function curried(...args) {
    if (args.length >= fn.length) {
      return fn.apply(this, args);
    }
    return function(...moreArgs) {
      return curried.apply(this, args.concat(moreArgs));
    };
  };
}

注意:这里用 curried.apply(this, ...) 保证 this 上下文正确;如果原函数依赖 this(如对象方法),漏掉这步会导致绑定丢失。

为什么箭头函数在这里不能替代普通函数

闭包要复用参数,必须让内层函数能访问外层函数的 args 变量。箭头函数没有自己的 this 和 arguments,但它会继承外层函数的作用域链——这点没问题;问题出在递归调用上。

  • 如果把 curried 写成箭头函数:const curried = (...args) => { ... },那内部的 curried.apply(...) 就会报 TypeError: curried is not a function
  • 因为箭头函数无法在声明完成前被自身引用(不存在变量提升+暂时性死区)
  • 而普通函数声明或 function 表达式可以被提前访问(函数提升或可被闭包捕获)

所以 curried 必须是具名函数表达式或函数声明,不能是箭头函数。

参数复用时容易忽略的 this 和 new 调用场景

上面的 curry 实现对普通函数调用足够,但如果目标函数是构造器(要用 new 调用),或者依赖严格绑定的 this(比如类方法、事件回调),直接复用会出错。

  • curry 返回的函数不能被 new 调用,否则 this 指向新实例,但原函数可能没设计为构造器
  • 若需支持 new,得在返回函数中检测 new.target,并手动 Reflect.construct,代价高且破坏纯柯里化语义
  • 更现实的做法是:明确区分用途——参数复用场景只用于普通函数调用;构造逻辑单独封装,不混入柯里化链

真正难处理的不是语法,而是你是否清楚那个被闭包锁住的参数,在整个生命周期里会不会被意外修改(比如传入的是对象或数组)。一旦原始参数被改,所有复用它的函数都会看到变化——这不是 bug,是闭包本意,只是常被忽略。

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
js获取数组长度的方法
js获取数组长度的方法

在js中,可以利用array对象的length属性来获取数组长度,该属性可设置或返回数组中元素的数目,只需要使用“array.length”语句即可返回表示数组对象的元素个数的数值,也就是长度值。php中文网还提供JavaScript数组的相关下载、相关课程等内容,供大家免费下载使用。

2023.06.20

5306

5

js刷新当前页面
js刷新当前页面

js刷新当前页面的方法:1、reload方法,该方法强迫浏览器刷新当前页面,语法为“location.reload([bForceGet]) ”;2、replace方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,不能通过“前进”和“后退”来访问已经被替换的URL,语法为“location.replace(URL) ”。php中文网为大家带来了js刷新当前页面的相关知识、以及相关文章等内容

2023.07.04

1309

3

js四舍五入
js四舍五入

js四舍五入的方法:1、tofixed方法,可把 Number 四舍五入为指定小数位数的数字;2、round() 方法,可把一个数字舍入为最接近的整数。php中文网为大家带来了js四舍五入的相关知识、以及相关文章等内容

2023.07.04

5244

6

js删除节点的方法
js删除节点的方法

js删除节点的方法有:1、removeChild()方法,用于从父节点中移除指定的子节点,它需要两个参数,第一个参数是要删除的子节点,第二个参数是父节点;2、parentNode.removeChild()方法,可以直接通过父节点调用来删除子节点;3、remove()方法,可以直接删除节点,而无需指定父节点;4、innerHTML属性,用于删除节点的内容。

2023.09.01

1000

4

JavaScript转义字符
JavaScript转义字符

JavaScript中的转义字符是反斜杠和引号,可以在字符串中表示特殊字符或改变字符的含义。本专题为大家提供转义字符相关的文章、下载、课程内容,供大家免费下载体验。

2023.09.04

1936

5

js生成随机数的方法
js生成随机数的方法

js生成随机数的方法有:1、使用random函数生成0-1之间的随机数;2、使用random函数和特定范围来生成随机整数;3、使用random函数和round函数生成0-99之间的随机整数;4、使用random函数和其他函数生成更复杂的随机数;5、使用random函数和其他函数生成范围内的随机小数;6、使用random函数和其他函数生成范围内的随机整数或小数。

2023.09.04

3705

4

如何启用JavaScript
如何启用JavaScript

JavaScript启用方法有内联脚本、内部脚本、外部脚本和异步加载。详细介绍:1、内联脚本是将JavaScript代码直接嵌入到HTML标签中;2、内部脚本是将JavaScript代码放置在HTML文件的`<script>`标签中;3、外部脚本是将JavaScript代码放置在一个独立的文件;4、外部脚本是将JavaScript代码放置在一个独立的文件。

2023.09.12

4853

6

Js中Symbol类详解
Js中Symbol类详解

javascript中的Symbol数据类型是一种基本数据类型,用于表示独一无二的值。Symbol的特点:1、独一无二,每个Symbol值都是唯一的,不会与其他任何值相等;2、不可变性,Symbol值一旦创建,就不能修改或者重新赋值;3、隐藏性,Symbol值不会被隐式转换为其他类型;4、无法枚举,Symbol值作为对象的属性名时,默认是不可枚举的。

2023.09.20

3180

5

java访问控制修饰符介绍
java访问控制修饰符介绍

java访问控制修饰符有四种,分别是public、protected、private、默认访问修饰符。详细介绍:1、public,public是最宽松的访问控制修饰符,被修饰的类、方法和变量可以被任何其他类访问,当一个类、方法或变量被声明为public时,它们可以在任何地方被访问,无论是同一个包中的类还是不同包中的类;2、protected修饰符等等。

2023.09.20

1008

7

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
热门推荐
/
最新课程
phpStudy极速入门视频教程
phpStudy极速入门视频教程

共6课时 | 54.7万人学习

独孤九贱(4)_PHP视频教程
独孤九贱(4)_PHP视频教程

共89课时 | 134.1万人学习