前端小技巧: 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)
相关推荐
半个落月3 分钟前
在浏览器里运行 DeepSeek-R1:从 WebGPU 检测到模型加载(一)
前端·人工智能·react.js
八角丶4 分钟前
Node.js 事件循环详解(实验驱动)
前端·node.js
deli0070074 分钟前
汉诺塔益智小游戏:浏览器里说句话,码道 WebUI 一键生成+部署上线
前端·ai编程
用户2181697049307 分钟前
Flutter (二十四) 音频
前端
愚公搬代码7 分钟前
【愚公系列】《Web应用安全》012-Behinder工具的使用
前端·安全
aixingpan15 分钟前
aixingpan.cn API开发文档:api_docs_errors接口指南
前端·php
李剑一40 分钟前
前端转AI要了解的技术,其他人不用看。前端架构基础之:让Js的计算运行在GPU上
前端·aigc·ai编程
IT_陈寒41 分钟前
Python的列表拷贝坑得我原地打转
前端·人工智能·后端
恋猫de小郭1 小时前
Dart 3.13 的到底改了什么?为什么很重要?有什么坑?
android·前端·flutter
风月说与山鬼1 小时前
六、React事件
前端·javascript·react.js