Lodash源码阅读-baseKeys

功能概述

baseKeys 函数是 Lodash 中的一个内部工具函数,主要用于获取对象自身的可枚举属性名。它是 _.keys 方法的基础实现,通过巧妙处理原型对象的特殊情况,确保了在各种场景下都能正确获取对象的键名。

前置学习

  • isPrototype
  • nativeKeys

源码实现

js 复制代码
function baseKeys(object) {
    if (!isPrototype(object)) {
        return nativeKeys(object);
    }
    var result = [];
    for (var key in Object(object)) {
        if (hasOwnProperty.call(object, key) && key != "constructor") {
            result.push(key);
        }
    }
    return result;
}

实现原理解析

原理概述

baseKeys 函数的核心思想是获取对象自身的可枚举属性名,同时处理原型对象的特殊情况。它采用了两种不同的策略:

  1. 对于普通对象:直接使用 nativeKeys(即 Object.keys 的包装)获取属性名
  2. 对于原型对象:手动遍历对象的所有可枚举属性,筛选出自身属性并排除 constructor 属性

这种设计确保了在处理原型对象时不会出现意外行为,同时在处理普通对象时保持了高效性。

代码解析

1. 原型对象检测

js 复制代码
if (!isPrototype(object)) {
    return nativeKeys(object);
}

函数首先通过 isPrototype 检查传入的对象是否为原型对象:

  • 如果不是原型对象,直接使用 nativeKeys 获取属性名
  • 这是一种性能优化,因为大多数情况下我们处理的是普通对象

示例:

js 复制代码
// 普通对象不是原型对象
const obj = { a: 1, b: 2 };
console.log(isPrototype(obj)); // false

// 构造函数的 prototype 属性是原型对象
function Person() {}
console.log(isPrototype(Person.prototype)); // true

// 内置对象的原型也是原型对象
console.log(isPrototype(Array.prototype)); // true

2. 使用 nativeKeys 处理普通对象

对于普通对象,函数使用 nativeKeys 获取属性名:

js 复制代码
return nativeKeys(object);

nativeKeys 是对 Object.keys 的包装。

3. 手动处理原型对象

对于原型对象,函数采用手动遍历的方式:

js 复制代码
var result = [];
for (var key in Object(object)) {
    if (hasOwnProperty.call(object, key) && key != "constructor") {
        result.push(key);
    }
}
return result;

这段代码做了几件重要的事情:

  1. 使用 Object(object) 确保即使传入的是原始值也能正确处理
  2. 使用 for...in 循环遍历对象的所有可枚举属性(包括继承的)
  3. 通过 hasOwnProperty.call(object, key) 筛选出对象自身的属性
  4. 排除 constructor 属性,因为它通常不是我们关心的数据属性
  5. 将符合条件的属性名添加到结果数组中

示例:

js 复制代码
// 创建一个原型对象
function MyClass() {}
MyClass.prototype.a = 1;
MyClass.prototype.b = 2;

// 使用 baseKeys 获取属性名
console.log(baseKeys(MyClass.prototype)); // ['a', 'b']

// 注意 constructor 属性被排除了
console.log("constructor" in MyClass.prototype); // true

注意事项

  1. baseKeys 只返回对象自身的可枚举属性,不包含原型链上的属性
js 复制代码
const parent = { x: 1 };
const child = Object.create(parent);
child.y = 2;

console.log(baseKeys(child)); // ['y']
// x 不会被返回,因为它在原型链上
  1. baseKeys 会排除 constructor 属性(当处理原型对象时)
js 复制代码
function Custom() {}
Custom.prototype.method = function () {};
console.log(baseKeys(Custom.prototype)); // ['method']
// constructor 属性被排除了
  1. Symbol 类型的属性会被忽略
js 复制代码
const obj = {
    [Symbol("a")]: 1,
    b: 2,
};
console.log(baseKeys(obj)); // ['b']
// Symbol 属性不会出现在结果中

总结

baseKeys 函数通过区分普通对象和原型对象,采用不同的策略获取对象自身的可枚举属性名。它的主要特点是:

  1. 性能优化:对普通对象使用原生的 Object.keys 方法
  2. 特殊处理:对原型对象进行手动遍历和筛选
  3. 安全处理:通过 Object() 转换确保能处理各种输入
  4. 排除干扰:特别排除了原型对象上的 constructor 属性

这个函数在 Lodash 中被广泛用作获取对象属性的基础工具,是 _.keys 等方法的核心实现。

相关推荐
by__csdn43 分钟前
Vue3 setup()函数终极攻略:从入门到精通
开发语言·前端·javascript·vue.js·性能优化·typescript·ecmascript
天天扭码1 小时前
前端如何实现RAG?一文带你速通,使用RAG实现长期记忆
前端·node.js·ai编程
Luna-player2 小时前
在前端中,<a> 标签的 href=“javascript:;“ 这个是什么意思
开发语言·前端·javascript
lionliu05192 小时前
js的扩展运算符的理解
前端·javascript·vue.js
小草cys2 小时前
项目7-七彩天气app任务7.4.2“关于”弹窗
开发语言·前端·javascript
奇舞精选2 小时前
GELab-Zero 技术解析:当豆包联手中兴,开源界如何守住端侧 AI 的“最后防线”?
前端·aigc
奇舞精选2 小时前
Vercel AI SDK:构建现代 Web AI 应用指南
前端·aigc
神仙别闹3 小时前
基于C语言实现B树存储的图书管理系统
c语言·前端·b树
玄魂3 小时前
如何查看、生成 github 开源项目star 图表
前端·开源·echarts
前端一小卒4 小时前
一个看似“送分”的需求为何翻车?——前端状态机实战指南
前端·javascript·面试