Lodash源码阅读-baseGetAllKeys

Lodash 源码阅读-baseGetAllKeys

概述

baseGetAllKeys 是 Lodash 中一个内部工具函数,用于获取对象的所有可枚举属性名(包括普通属性和 Symbol 属性)。它是 _.keys_.keysIn 等函数的基础实现。

前置学习

依赖函数

  • isArray:判断值是否为数组
  • arrayPush:将数组元素添加到目标数组中
  • keysFunc:获取对象可枚举属性名的函数(如 Object.keys
  • symbolsFunc:获取对象 Symbol 属性名的函数(如 Object.getOwnPropertySymbols

技术知识

  • JavaScript 对象属性类型(普通属性、Symbol 属性)
  • 可枚举性(enumerable)概念
  • 数组操作
  • 对象属性遍历方法

源码实现

javascript 复制代码
function baseGetAllKeys(object, keysFunc, symbolsFunc) {
  var result = keysFunc(object);
  return isArray(object) ? result : arrayPush(result, symbolsFunc(object));
}

实现思路

baseGetAllKeys 函数的实现思路是:

  1. 首先获取对象的所有可枚举属性名
  2. 然后根据对象类型决定是否添加 Symbol 属性名
  3. 如果是数组,直接返回属性名数组
  4. 如果不是数组,将 Symbol 属性名添加到结果数组中

源码解析

参数说明

javascript 复制代码
function baseGetAllKeys(object, keysFunc, symbolsFunc)
  • object:要获取属性名的对象
  • keysFunc:获取普通属性名的函数(如 Object.keys
  • symbolsFunc:获取 Symbol 属性名的函数(如 Object.getOwnPropertySymbols

获取普通属性名

javascript 复制代码
var result = keysFunc(object);
  • 调用传入的 keysFunc 获取对象的所有可枚举属性名
  • 结果存储在 result 数组中

条件判断和 Symbol 属性处理

javascript 复制代码
return isArray(object) ? result : arrayPush(result, symbolsFunc(object));
  • 使用三元运算符判断对象是否为数组
  • 如果是数组,直接返回 result
  • 如果不是数组,使用 arrayPush 将 Symbol 属性名添加到 result

总结

实现特点

  1. 灵活性:通过参数传入不同的属性获取函数,支持不同的属性获取策略
  2. 类型区分:对数组和普通对象采用不同的处理方式
  3. 完整性:同时获取普通属性和 Symbol 属性
  4. 性能优化:避免对数组进行不必要的 Symbol 属性处理

设计原则

  1. 单一职责原则:专注于获取对象的所有属性名
  2. 开闭原则:通过参数传入不同的函数,支持扩展不同的属性获取方式
  3. 代码复用:作为基础函数被多个上层函数使用
相关推荐
fthux2 小时前
RenoPit 能为普通业主做什么?看懂图纸、审查合同,提前发现装修坑
javascript·人工智能·ai·开源·github·chrome扩展·open source·edge扩展·firefox扩展
仿生狮子4 小时前
✂️ Nuxt 最简单的字体裁剪工具:Fontize
javascript·vue.js·nuxt.js
石小石Orz6 小时前
我发现了开发者AI产品营收的新方向
前端·虚拟现实
老马识途2.06 小时前
关于跨域问题的总结
java·前端
魔力女仆7 小时前
分享一个 JS 鼠标跟随贪吃蛇背景库
开发语言·javascript·计算机外设
别惊醒渔人8 小时前
Vue3 Diff 优化:最长递增子序列 LIS
前端·javascript·vue.js
颜酱9 小时前
07 | 把字段与指标同步到 Qdrant(生成阶段)
前端·人工智能·后端
用户059540174469 小时前
把AI长期记忆测试从手动验证换成pytest,2天揪出11个隐藏Bug
前端·css
Larcher9 小时前
从“加载模型”界面到端侧推理:拆解一个 React + WebGPU 大模型 Demo
javascript·后端
Larcher9 小时前
从状态快照到惰性初始化:读懂 React useState 的三个关键场景
javascript·人工智能·后端