前端小技巧: TS实现柯里化函数

实现 curry 函数,把其他函数柯里化

  • curry 返回一个函数fn
  • 执行fn, 中间状态返回函数,如 add(1), 或者 add(1)(2)
  • 最后返回执行结果,如 add(1)(2)(3)
ts 复制代码
function curry(fn:Function) {
  const fnArgsLen = fn.length // 传入函数的参数长度
  let args:any[] = []
  // ts中,独立的函数,this需要生命类型
  function calc(this:any, ...newArgs:any[]) {
    // 积累参数
    args = [
      ...args,
      ...newArgs,
    ]
    if (args.length < fnArgsLen) {
      // 参数不够,返回函数
      return calc
    } else {
      // 参数够了,返回执行结果
      return fn.apply(this, args.slice(0, fnArgsLen))
    }
  }
  return calc
}

function add(a: number, b: number, c: number):number {
  return a + b + c
}

const curryAdd = curry(add)
const curryAdd = curry(add)

curryADD(10)(10)(10)
相关推荐
恋猫de小郭5 小时前
Flutter 正在计划提供 Packaged AI Assets 的支持,让你的包/插件可以更好被 AI 理解和选择
android·前端·flutter
小小前端--可笑可笑5 小时前
Vue / React 单页应用刷新 /login 无法访问问题分析
运维·前端·javascript·vue.js·nginx·react.js
小林敲代码77885 小时前
记一次 Vue 项目首屏优化:从 7.1s 到 0.9s,深挖 Gzip 的力量
前端·javascript·vue.js
前端大卫6 小时前
写给年轻程序员的几点小建议
前端
NEXT067 小时前
React 闭包陷阱深度解析:从词法作用域到快照渲染
前端·react.js·面试
脱离语言7 小时前
Jeecg3.8.2 前端经验汇总
开发语言·前端·javascript
NEXT067 小时前
useMemo 与 useCallback 的原理与最佳实践
前端·javascript·react.js
小爱丨同学7 小时前
React-Context用法汇总 +注意点
前端·javascript·react.js
徐同保8 小时前
python如何手动抛出异常
java·前端·python
极客小云8 小时前
【实时更新 | 2026年国内可用的npm镜像源/加速器配置大全(附测速方法)】
前端·npm·node.js