js如何获取原型链上的所有键名

要获取对象及其原型链上的所有键名,必须使用object.getownpropertynames()和object.getownpropertysymbols()结合object.getprototypeof()遍历原型链,1. 使用object.getownpropertynames(current)获取当前对象自身的所有字符串键名(包括不可枚举的);2. 使用object.getownpropertysymbols(current)获取当前对象自身的所有symbol键名;3. 通过object.getprototypeof(current)向上追溯原型链,直到原型为null;4. 将所有键名存入set以去重,最后转换为数组返回,这样才能完整获取包括不可枚举属性和symbol键名在内的全部键名,而for…in循环无法满足此需求因为它只遍历可枚举的字符串键名且忽略symbol类型键名,该方法在深度调试、自定义序列化、框架开发、proxy代理和安全分析等场景中具有重要应用。

js如何获取原型链上的所有键名

在JavaScript中,要获取一个对象及其整个原型链上的所有键名,你需要做的不仅仅是使用

for...in

循环。因为

for...in

只会遍历可枚举的字符串键名,而会忽略不可枚举的属性以及Symbol类型的键名。真正全面的方法,是需要沿着原型链向上追溯,并在每个原型对象上分别获取其自身的属性(包括可枚举、不可枚举的字符串键名和Symbol键名),然后将它们汇总起来。

js如何获取原型链上的所有键名

获取对象及其原型链上所有键名的核心思路,是利用

Object.getOwnPropertyNames()

Object.getOwnPropertySymbols()

这两个方法,并结合

Object.getPrototypeOf()

来遍历原型链。

Object.getOwnPropertyNames(obj)

会返回一个数组,包含

obj

自身的所有字符串属性名(无论是否可枚举)。

Object.getOwnPropertySymbols(obj)

则返回一个数组,包含

obj

自身的所有Symbol属性名。通过

Object.getPrototypeOf(obj)

,我们可以不断向上获取对象的原型,直到原型为

null

为止。

js如何获取原型链上的所有键名

下面是一个实现这个功能的函数示例:

function getAllKeysInPrototypeChain(obj) {    let current = obj;    const allKeys = new Set(); // 使用Set来自动去重,避免重复的键名    while (current) {        // 获取当前对象自身的字符串键名        Object.getOwnPropertyNames(current).forEach(key => allKeys.add(key));        // 获取当前对象自身的Symbol键名        Object.getOwnPropertySymbols(current).forEach(symbol => allKeys.add(symbol));        // 向上追溯原型链        current = Object.getPrototypeOf(current);    }    return Array.from(allKeys); // 将Set转换为数组返回}// 示例用法:class Animal {    constructor(name) {        this.name = name;    }    sayHello() {        console.log(`Hello, I'm ${this.name}`);    }}class Dog extends Animal {    constructor(name, breed) {        super(name);        this.breed = breed;        Object.defineProperty(this, 'secret', {            value: 'woof',            enumerable: false // 不可枚举属性        });    }    bark() {        console.log('Woof!');    }    [Symbol('id')] = 123; // Symbol属性}const myDog = new Dog('Buddy', 'Golden Retriever');const keys = getAllKeysInPrototypeChain(myDog);console.log(keys);// 预期输出可能包含: ['name', 'breed', 'secret', Symbol(id), 'constructor', 'bark', 'sayHello'] 等

为什么

for...in

循环不能满足获取所有键名的需求?

这确实是很多初学者容易混淆的地方。

for...in

循环在JavaScript中主要用于遍历对象“可枚举”的“字符串类型”属性,包括对象自身的以及从原型链上继承的属性。它的设计初衷,在我看来,更多是为了快速遍历那些我们通常关心的数据属性。

js如何获取原型链上的所有键名

但问题在于,现代JavaScript中有很多属性并不可枚举,比如大多数内置方法(如

Object.prototype.toString

),或者我们通过

Object.defineProperty

明确设置为

enumerable: false

的属性。此外,ES6引入的Symbol类型作为属性键,

for...in

也是完全视而不见的。这就导致了,如果你只依赖

for...in

,你可能会错过大量重要的、非显式的数据或方法,特别是在进行对象内省、序列化或者调试时,这种“盲区”会带来不小的麻烦。所以,它不是一个获取“所有”键名的万能钥匙,而是一个有特定用途的工具

如何区分对象自身的键名与原型链上的键名?

区分对象自身的键名和原型链上的键名,在实际开发中非常重要,尤其是在处理继承、合并对象或者避免不必要的原型污染时。最直接且推荐的方法是使用

Object.prototype.hasOwnProperty.call(obj, key)

。这个方法会检查

key

是否是

obj

自身拥有的属性,而不会去检查原型链。

例如:

const obj = { a: 1 };const proto = { b: 2 };Object.setPrototypeOf(obj, proto);console.log(obj.hasOwnProperty('a')); // true,'a'是obj自身的属性console.log(obj.hasOwnProperty('b')); // false,'b'是原型链上的属性console.log(Object.prototype.hasOwnProperty.call(obj, 'a')); // 推荐写法,避免obj被篡改hasOwnProperty方法

当你使用

Object.getOwnPropertyNames()

Object.getOwnPropertySymbols()

时,它们本身就只会返回对象“自身”的属性名,这使得它们成为获取自身属性的理想工具。如果你想在遍历原型链的同时,还能知道哪些键是属于当前对象自身的,你可以在遍历过程中配合

hasOwnProperty

进行判断,或者像上面解决方案那样,在

while

循环的每一步都只获取

current

对象自身的属性,然后统一收集。

获取原型链键名在实际开发中有哪些应用场景?

获取原型链上的所有键名,看起来可能有点“底层”,但在实际的JavaScript开发中,它有几个非常实用的场景,远不止于简单的调试:

深度对象内省与调试: 当你在调试一个复杂的对象,尤其是从某个库或框架中获取的对象时,你可能需要了解它所有可访问的属性和方法,包括那些继承而来的。这对于理解对象的行为、查找潜在的API或者定位bug非常有帮助。你不仅想知道它当前实例有什么,还想知道它能做什么(从原型继承的方法)。

自定义序列化或克隆: 默认的

JSON.stringify

只会序列化对象自身的可枚举属性。如果你需要一个更全面的序列化方案,例如,你想要保存一个对象的完整“状态”,包括其不可枚举的配置属性,甚至是继承自原型链的某些特定属性(尽管这比较少见,但并非没有),那么你就需要遍历原型链来获取这些键名,然后进行特殊处理。深克隆也可能遇到类似的需求,确保所有属性都被正确复制。

框架或库的开发: 在开发一些高级的JavaScript框架或工具时,你可能需要对用户提供的对象进行“元编程”操作。例如,一个ORM(对象关系映射)库可能需要检查模型对象的所有属性,包括继承的属性,来生成数据库表结构或进行数据验证。或者,一个插件系统可能需要动态地查找并调用对象上所有可用的方法,无论它们是直接定义在实例上还是继承自原型。

代理(Proxy)和反射(Reflect)API的结合: 当你使用

Proxy

来拦截对象操作时,结合

Reflect

API和获取原型链键名的方法,可以实现非常强大的功能。比如,你可以创建一个代理,它能透明地拦截对对象及其原型链上所有属性的访问、设置或枚举,从而实现更细粒度的控制或日志记录。

安全分析与漏洞挖掘: 在某些安全审计场景下,开发者或安全研究人员可能需要获取一个对象的所有潜在属性和方法,以发现可能存在的未授权访问点、隐藏的API或原型链污染漏洞。了解一个对象的完整“表面积”对于评估其安全性至关重要。

总的来说,虽然日常开发中不常用,但当我们需要对JavaScript对象进行“深度解剖”时,获取原型链上的所有键名就成了一个不可或缺的工具。它能帮助我们更全面地理解和控制对象的行为。

以上就是js如何获取原型链上的所有键名的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1513351.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
javascript闭包如何模拟类静态变量
上一篇 2025年12月20日 07:41:44
js 怎样用pullAt移除数组指定索引的值
下一篇 2025年12月20日 07:41:50

相关推荐

  • MACA: 一款自动注释细胞类型的工具

    前言 设计的初衷在目前的细胞类型鉴定工具中,支持向量机(SVM)的准确性超过了大多数监督注释方法。然而,由于监督注释方法在大多数单细胞数据中缺乏真实参照,因此其易用性不如非监督方法,这也是非监督方法占主流的原因之一。使用非监督方法时,需要人工介入,调整分群的分辨率,并提供标记基因,这会导致选择标记基…

    2026年9月24日
    000
  • 如何通过压力测试判断电源的峰值输出可靠性?

    答案是判断电源峰值输出可靠性需通过动态负载测试。使用可编程电子负载模拟瞬时功耗变化,配合高带宽示波器监测电压跌落、恢复时间与纹波噪声,同时用热成像仪评估关键元件温度,若在快速负载切换下电压稳定、纹波低、温升可控,则电源峰值性能可靠。 判断电源的峰值输出可靠性,说白了,就是看它在最极端、最苛刻的瞬间,…

    2026年9月24日
    200
  • 数据库设计原则?——规范化理论

    数据库设计原则?——规范化理论数据库设计原则?——规范化理论数据库设计原则?——规范化理论数据库设计原则?——规范化理论

    数据库设计的规范化理论旨在减少冗余、提升一致性与完整性,核心是通过1nf、2nf、3nf三级范式逐步消除数据异常。1nf要求字段具有原子性,不可再分;2nf要求非主键字段完全依赖主键,而非部分依赖;3nf进一步消除传递依赖,确保非主键字段不依赖其他非主键字段。规范化虽能提高数据可靠性,但可能导致查询…

    2026年9月24日 用户投稿
    000
  • 美图秀秀网页版登录入口 美图秀秀在线使用官网

    美图秀秀网页版登录入口为http://xiuxiu.web.meitu.com/,提供调色、美化、抠图、拼图、GIF制作等功能,支持在线编辑与素材模板使用。 美图秀秀网页版登录入口在哪里?这是不少网友都关注的,接下来由PHP小编为大家带来美图秀秀网页版在线使用官网地址,以及其主要功能特点,感兴趣的网…

    2026年9月24日
    000
  • 别在做无用功了,抖音1000粉丝现在可以花钱涨了

    花钱买粉丝是不被允许的,是自欺欺人的吗?这种老观点在如今的抖音流量生态体系中已经不在适合,不管是从用户需求角度,还是从官方盈利视角出发,付费投流,花钱涨粉都是市场正常需求,也是关系到账号生存发展,如果我们尝试了很多自然流量的方式,粉丝数量还是迟迟上不去,那完全可以选择付费涨粉,这里可不是说让大家花钱…

    2026年9月24日
    100
  • [Istio是什么?] 还不知道你就out了,一文40分钟快速理解

    @toc 前言 这篇文章属于纯理论,所含内容如下,按需阅读: Istio概念、服务网格、流量管理、istio架构(Envoy、Sidecar 、Istiod)虚拟服务(VirtualService)、路由规则、目标规则(DestinationRule)网关(Gateway)、网络弹性和测试(超时、重…

    2026年9月24日
    200
  • VSCode如何分屏和布局管理 VSCode多窗口编辑的高效方式

    vscode多窗口编辑的快捷键和技巧包括:1. 垂直分屏使用 ctrl+(macos为 cmd+);2. 水平分屏使用 ctrl+k v(macos为 cmd+k v)或通过菜单选择上下拆分;3. 拖拽文件标签或从侧边栏拖文件至边缘可智能创建新分屏;4. 右键“在新组中打开”可快速并排查看文件;5.…

    2026年9月24日
    100
  • 深入理解 javac 命令中的 ‘当前目录’ 与类路径

    在使用 javac 命令进行 Java 编译时,’当前目录’ 指的是执行该命令时所在的目录,而非源代码文件或 Java 安装路径所在的目录。这对于默认类路径(.)的解析至关重要,影响编译器查找依赖类文件的位置。理解这一概念有助于避免编译错误,并正确配置类路径。 什么是“当前目…

    2026年9月24日
    100
  • win10管理员账户被禁用了怎么办_win10管理员账户恢复教程

    1、通过计算机管理可直接启用禁用的管理员账户;2、使用命令提示符输入net user administrator /active:yes激活账户;3、进入安全模式执行相同命令修复登录问题;4、利用组策略编辑器更改管理员账户状态为启用,适用于专业版系统。 如果您尝试登录Windows 10系统时发现管…

    2026年9月24日
    100
  • 如何监控Linux进程内存泄漏 pmap与valgrind工具使用

    如何监控Linux进程内存泄漏 pmap与valgrind工具使用如何监控Linux进程内存泄漏 pmap与valgrind工具使用如何监控Linux进程内存泄漏 pmap与valgrind工具使用如何监控Linux进程内存泄漏 pmap与valgrind工具使用

    要监控linux进程的内存泄漏,首先使用pmap观察内存增长趋势,再用valgrind定位具体泄漏点。一、使用pmap -x 查看进程内存映射,重点关注anon列和总内存变化,通过定期刷新判断是否存在异常增长;二、利用valgrind –leak-check=full启动程序,分析报告中…

    2026年9月24日 用户投稿
    100
  • 华为Mate系列摄像头如何设置以优化动态摄影?动态拍摄调整指南

    华为Mate系列摄像头如何设置以优化动态摄影?动态拍摄调整指南华为Mate系列摄像头如何设置以优化动态摄影?动态拍摄调整指南华为Mate系列摄像头如何设置以优化动态摄影?动态拍摄调整指南华为Mate系列摄像头如何设置以优化动态摄影?动态拍摄调整指南

    答案是掌握专业模式下的快门速度、ISO和对焦设置,并结合AI辅助与防抖技术。具体而言,拍摄动态场景时应优先选择高速快门(如1/500秒以上)以凝固瞬间,配合AF-C连续对焦与追焦技巧确保主体清晰;在光线不足时适当提升ISO,但需权衡噪点与模糊的取舍;创造运动模糊效果则需降低快门速度(如1/30秒),…

    2026年9月24日 用户投稿
    400
  • mysql中是什么意思 mysql语法符号含义解析

    mysql 中的符号和关键字是与数据库交互的基本工具,正确使用它们可以提高工作效率和查询准确性。1. 逗号(,)用于分隔列表中的元素,如列名和值。2. 点号(.)用于访问表中的列或调用函数。3. 星号(*)用于选择所有列,但应避免使用以提高查询性能。4. 百分号(%)用于 like 操作中的模式匹配…

    2026年9月24日
    000
  • Spring Boot 测试中 403 错误排查与安全配置优化

    本文旨在解决 Spring Boot 控制器层测试中常见的 403 Forbidden 错误,特别是当安全配置限制了访问权限时。文章将深入分析 WebSecurityConfig 和 @WithMockUser 的使用,提供两种主要解决方案:通过临时放松安全限制进行测试,以及确保角色/权限配置的正确…

    2026年9月24日
    100
  • edge浏览器无法安装来自Chrome商店的扩展怎么办_edge浏览器Chrome扩展安装问题解决

    首先启用Edge中“允许来自其他应用商店的扩展”选项,然后通过开启开发者模式手动加载CRX文件,或直接在Edge中打开Chrome商店链接利用内置支持安装,必要时可修改User-Agent模拟Chrome浏览器访问下载。 如果您尝试在Edge浏览器中安装来自Chrome商店的扩展,但系统提示不支持或…

    2026年9月24日
    300
  • VSCode如何集成Cassandra数据库工具 VSCode NoSQL数据库管理插件指南

    解决vscode连接cassandra认证问题的方法是确认cassandra集群是否启用认证,若启用则检查连接配置中的用户名、密码是否正确,并确保authenticator和authorizer配置匹配,如使用passwordauthenticator需提供正确凭据,若使用kerberos等其他认证…

    2026年9月24日
    400
  • MAC怎么把App的语言单独设置成中文或英文_MAC单独设置App语言方法

    可通过终端命令临时设置或修改应用Info.plist文件永久更改macOS单个应用语言,支持中英文切换,不影响系统语言。 如果您希望在 macOS 系统中将某个应用程序的语言单独设置为中文或英文,而不影响系统整体语言,可以通过修改应用的本地化偏好来实现。此方法适用于支持多语言且遵循 macOS 本地…

    2026年9月24日
    000
  • 显卡降噪散热测试:七款RTX 4080非公版显卡谁更安静?

    选择RTX 4080显卡时,在性能相近的情况下,散热与噪音成为关键考量。1. 散热模组决定温度与风扇转速,进而影响噪音水平;2. 三风扇设计、大面积均热板及多热管(如6mm×8根)能有效提升散热效率;3. 七彩虹水神(Neptune)等一体水冷型号静音表现顶尖,高负载下亦可近乎无声;4. 映众冰龙、…

    2026年9月24日
    000
  • 谷歌浏览器官方下载网页版_谷歌浏览器网页版官方网站主页

    谷歌浏览器官方下载网页版入口地址是https://www.google.cn/chrome/,该页面提供浏览器简介、功能特点及下载服务,用户可获取简约界面、多标签浏览、数据同步、扩展程序支持等便捷体验。 谷歌浏览器官方下载网页版入口地址在哪里?这是不少网友都关注的,接下来由PHP小编为大家带来谷歌浏…

    2026年9月24日
    100
  • DeepCode— 港大实验室推出的多Agent代码生成平台

    DeepCode— 港大实验室推出的多Agent代码生成平台DeepCode— 港大实验室推出的多Agent代码生成平台DeepCode— 港大实验室推出的多Agent代码生成平台DeepCode— 港大实验室推出的多Agent代码生成平台

    ☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 免费无限量使用 DeepSeek R1 模型☜☜☜ MiniMax Agent MiniMax平台推出的Agent智能体助手 334 查看详情 DeepCode是什么 deepcode是由香港大学数据智能实验室研发的一款基于多智能体架构的智能代码…

    2026年9月24日 用户投稿
    200
  • 时区错误怎样校准?时间同步完整解决方法

    时区错误怎样校准?时间同步完整解决方法时区错误怎样校准?时间同步完整解决方法时区错误怎样校准?时间同步完整解决方法时区错误怎样校准?时间同步完整解决方法

    时区错误和时间同步问题通常由系统时区设置错误、硬件时钟漂移或ntp服务异常导致。1.确保系统时间通过ntp服务准确同步,linux可使用timedatectl检查ntp状态并启用systemd-timesyncd或chronyd,windows则开启自动时间同步;2.正确设置本地时区,linux使用…

    2026年9月24日 用户投稿
    200

发表回复

登录后才能评论
关注微信