Lodash源码阅读-overRest

Lodash 源码阅读-overRest

概述

overRest 是 Lodash 内部的工具函数,它模拟了 ES6 的剩余参数功能,能将函数参数分成固定参数和剩余参数两部分,并对剩余参数进行转换处理。这是实现 Lodash 柯里化和部分应用的核心基础。

前置学习

依赖函数

  • nativeMax:原生 Math.max 的引用,获取两个数的最大值
  • apply:封装了 Function.prototype.apply 的函数调用工具

技术知识

  • 函数柯里化:将接收多个参数的函数转换为一系列接收单一参数的函数
  • 剩余参数 :ES6 的 ...args 语法的模拟实现
  • arguments 对象:类数组对象,包含调用函数时传入的所有参数
  • apply 方法:以指定的 this 值和参数数组调用函数

源码实现

js 复制代码
function overRest(func, start, transform) {
  start = nativeMax(start === undefined ? func.length - 1 : start, 0);
  return function () {
    var args = arguments,
      index = -1,
      length = nativeMax(args.length - start, 0),
      array = Array(length);

    while (++index < length) {
      array[index] = args[start + index];
    }
    index = -1;
    var otherArgs = Array(start + 1);
    while (++index < start) {
      otherArgs[index] = args[index];
    }
    otherArgs[start] = transform(array);
    return apply(func, this, otherArgs);
  };
}

实现思路

overRest 函数通过闭包实现参数的分割与转换:

  1. 确定分割位置:通过 start 参数决定哪些是固定参数,哪些是需要处理的剩余参数
  2. 收集和转换参数:将原始参数分为两组,对剩余参数应用转换函数
  3. 重组参数:将固定参数与转换后的剩余参数组合成新的参数数组
  4. 调用原函数:使用新的参数数组调用原始函数

源码解析

函数签名:

js 复制代码
function overRest(func, start, transform)
  • func: 需要处理的目标函数
  • start: 参数分割点的位置(默认为 func.length - 1)
  • transform: 用于处理剩余参数的转换函数

实现步骤解析:

  1. 确定分割位置:

    js 复制代码
    start = nativeMax(start === undefined ? func.length - 1 : start, 0);

    这行代码确保 start 至少为 0,默认取函数的形参个数减 1。

    示例:如果 func 为 function(a, b, c) {},则 func.length 为 3,默认 start 为 2。

  2. 创建闭包函数:返回一个新函数,用于处理参数:

    js 复制代码
    return function () {
      // 函数实现
    };
  3. 收集剩余参数:

    js 复制代码
    var args = arguments,
      index = -1,
      length = nativeMax(args.length - start, 0),
      array = Array(length);
    
    while (++index < length) {
      array[index] = args[start + index];
    }

    假设调用 function(1, 2, 3, 4, 5) 且 start 为 2:

    • args 为 [1, 2, 3, 4, 5]
    • length 为 5 - 2 = 3
    • array 最终为 [3, 4, 5](剩余参数)
  4. 收集固定参数:

    js 复制代码
    index = -1;
    var otherArgs = Array(start + 1);
    while (++index < start) {
      otherArgs[index] = args[index];
    }

    接续上例:

    • otherArgs 初始为长度为 3 的数组
    • 循环后变为 [1, 2, undefined](固定参数)
  5. 应用转换与调用:

    js 复制代码
    otherArgs[start] = transform(array);
    return apply(func, this, otherArgs);
    • 如果 transform 是 identity(返回原值)函数,则 otherArgs 变为 [1, 2, [3, 4, 5]]
    • 最终调用 func(1, 2, [3, 4, 5])

总结

overRest 函数通过巧妙的参数处理机制,实现了以下几点技术亮点:

  1. 向后兼容性:在 ES6 之前的环境中模拟了剩余参数功能
  2. 参数转换灵活性 :通过 transform 参数提供了对剩余参数的自定义处理能力
  3. 函数式编程支持:为 Lodash 中的柯里化、偏函数应用等高阶函数提供了基础设施

从设计模式角度看,overRest 采用了函数式编程中的高阶函数模式,通过返回新函数的方式实现了对原函数的装饰和增强,体现了"不变性"和"组合性"的函数式编程理念。

相关推荐
code2cat2 分钟前
HTML基础篇之第一张网页:从index.html到浏览器里的任务清单
前端·html
miss1 小时前
AI 改完不敢上线?OpenSpec 规约驱动开发实战
前端·代码规范·前端工程化
AiMan1 小时前
腾讯ima还是不可以导出左侧所有对话,只能单条导出,方法不对吗
前端
去伪存真1 小时前
并发量一高就装死?Agent 全链路“防猝死”手册
前端·agent
Moment2 小时前
AI 编程时代,聊聊我的 Mac mini 双屏桌面
前端·后端
AiMan2 小时前
先确认能不能一次把Microsofat Copilot所有内容打包一个文件导出
前端
总要学点什么2 小时前
第97篇:三维数据加载-城市建筑白模自定义着色器——让一条光带沿高度扫上去,快慢却由帧率说了算
前端·gis·webgl·cesium·着色器·空间分析·白模
上海懒图科技2 小时前
工厂厂区电子地图定位导航:厂区人车精准定位,安全合规双保障
前端·arcgis·vue
西安小哥3 小时前
端侧跑大模型,真正的门槛不在参数量:一次 596 秒到 10 秒的压缩路径复盘
前端·人工智能
陈随易3 小时前
Cloudflare 出钱,Vite 团队挑人,44 个维护者分 30 万美元
前端·后端·程序员