前端小技巧: 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)
相关推荐
Hilaku16 分钟前
你们公司有 35 岁以上的前端吗?
前端·javascript·程序员
徐小夕23 分钟前
开源Vector-Graph-RAG:向量+图谱双引擎,打破纯向量RAG的效果天花板
前端·vue.js·github
SameX32 分钟前
HarmonyOS ArkTS 把组件截图保存成 PNG 再调系统分享面板的做法
前端
Swot38 分钟前
SvelteKit SSG 发布后,为什么老访客非要强刷才能看到新内容?
前端
鸿蒙开发1 小时前
小程序存档写到一半怎么办?双槽保存与损坏恢复实战
前端·javascript·react.js
卸任2 小时前
AI 编程工具越用越多,模型配置越来越乱:用 Magpie 把它们管起来
前端·ai编程
前端一课2 小时前
凝神诀
前端
前端双越老师3 小时前
程序员 1v1 访谈系列第十三期:大龄已育空窗一年如何破局
前端·ai编程·全栈
恋猫de小郭3 小时前
Flutter 大小核优化又被回滚,然后又开新提案?
android·前端·flutter
MyBili3 小时前
Chrome扩展开发入门:从零打造实用浏览器插件
前端·chrome·谷歌浏览器·效率工具·浏览器插件·前端入门·扩展开发