Reflect.ownKeys()获取对象所有自有键名
Reflect.ownKeys() 是 JavaScript 中唯一能一次性、无遗漏地获取对象所有自有属性键(包括可枚举/不可枚举的字符串键和 Symbol 键)的可靠方法,严格按创建顺序返回 (string | symbol)[] 类型数组,完美替代繁琐且类型不安全的 Object.getOwnPropertyNames() 与 Object.getOwnPropertySymbols() 手动拼接;它不关心枚举性,只聚焦“物理存在”,因此成为处理元数据(如 Symbol.metadata)、深拷贝含 Symbol 对象、规避 for...in 或 JSON.stringify 信息丢失等实际场景的关键工具,但需注意其对 WeakMap/WeakSet 抛错及 Proxy 对象的潜在限制。

Reflect.ownKeys() 确实能拿到 Symbol 键,但得确保 Symbol 是“自有”的
它不会漏掉 Symbol 类型的键,前提是这些 Symbol 是直接定义在目标对象上、而非继承来的。比如 obj[Symbol('a')] = 1 会进结果,但 Object.prototype[Symbol.toStringTag] 不会——因为那是原型链上的。
常见错误是误以为 Reflect.ownKeys() 会返回所有 Symbol(包括全局注册的或内置的),其实它只管“自有 + 可枚举/不可枚举 + 字符串/Symbol”,和 Object.getOwnPropertyNames() + Object.getOwnPropertySymbols() 的并集等价。
Reflect.ownKeys()返回的是Array,顺序是:先字符串键(按创建顺序),再Symbol键(也按创建顺序)- 如果对象有
Symbol.for('x')和Symbol('x')两个不同Symbol,它们都会被列出,互不影响 - 注意:
WeakMap、WeakSet等无法遍历内部键,Reflect.ownKeys()对它们抛TypeError
对比 Object.keys() / Object.getOwnPropertyNames() 容易踩的坑
Object.keys() 只返回可枚举的字符串键;Object.getOwnPropertyNames() 返回所有自有字符串键(含不可枚举),但完全忽略 Symbol;只有 Reflect.ownKeys() 或 Object.getOwnPropertyNames() + Object.getOwnPropertySymbols() 组合才能覆盖全量。
典型翻车场景:你用 for...in 或 Object.keys() 遍历配置对象,结果漏掉了 obj[Symbol.metadata] = {...} 这种元数据键,后续序列化或深拷贝就丢信息。
- 别用
Object.keys(obj).concat(Object.getOwnPropertySymbols(obj))——类型不一致(前者是string[],后者是symbol[]),合并后数组元素类型变成(string | symbol)[],TypeScript 会报错,运行时虽可行但不干净 - 直接用
Reflect.ownKeys(obj)最省心,语义明确,且返回值类型就是(string | symbol)[] - 如果要过滤出纯
Symbol键,用Reflect.ownKeys(obj).filter(k => typeof k === 'symbol')
Symbol 键不可枚举,但 Reflect.ownKeys() 不care枚举性
这是关键点:Reflect.ownKeys() 不区分可枚举/不可枚举,它只认“是否为自有属性”。所以即使你用 Object.defineProperty(obj, 'hidden', { value: 1, enumerable: false }) 加了不可枚举字符串键,或者用 obj[Symbol.iterator] = function*(){} 加了不可枚举 Symbol 键,它全收。
这也意味着:不能靠 Reflect.ownKeys() 判断某个键是否“应该被 JSON.stringify() 包含”——因为 JSON.stringify() 只处理可枚举的字符串键,对 Symbol 和不可枚举键一律无视。
Reflect.ownKeys()是反射层面的“物理存在性”探测,不是运行时行为控制工具- 想模拟
JSON.stringify()行为?得手动筛:Reflect.ownKeys(obj).filter(k => typeof k === 'string' && obj.propertyIsEnumerable(k)) - 给 Symbol 键设
enumerable: false没意义——Symbol键天生不可枚举,propertyIsEnumerable()对任何Symbol键都返回false
实际用法示例:安全地遍历并克隆含 Symbol 的对象
很多库(比如 Vue 的响应式标记、class 装饰器元数据)依赖 Symbol 属性,直接 Object.assign({}, obj) 或展开运算符会丢失它们。
const source = {
a: 1,
b: 2
};
source[Symbol.for('meta')] = { version: 2 };
source[Symbol('id')] = 'xyz';
const clone = {};
Reflect.ownKeys(source).forEach(key => {
clone[key] = source[key];
});
// clone 现在有 a、b、Symbol.for('meta')、Symbol('id') 四个键
注意:这样浅拷贝没问题,但如果 Symbol 键对应的是复杂对象,且你希望深拷贝,就得额外判断 typeof key === 'symbol' 并递归处理值——这点常被忽略。
真正麻烦的是那些带 [[DefineOwnProperty]] 陷阱的对象(比如 Proxy),Reflect.ownKeys() 返回的键可能和实际可访问的不一致,此时需结合 Reflect.getOwnPropertyDescriptor() 进一步验证。
今天关于《Reflect.ownKeys()获取对象所有自有键名》的内容介绍就到此结束,如果有什么疑问或者建议,可以在golang学习网公众号下多多回复交流;文中若有不正之处,也希望回复留言以告知!
HermesAgent功能解析与使用场景
- 上一篇
- HermesAgent功能解析与使用场景
- 下一篇
- 函数式响应式编程实战教程
-
- 文章 · 前端 | 25分钟前 | 前端 · websocket ·
- WebSocket 重连退避与页面卸载的收尾
- 381浏览 收藏
-
- 文章 · 前端 | 2小时前 |
- Fetch keepalive 处理页面卸载前的小请求
- 291浏览 收藏
-
- 文章 · 前端 | 4小时前 |
- CSS @scope 限定组件样式作用域的迁移方法
- 294浏览 收藏
-
- 文章 · 前端 | 7小时前 |
- View Transition API 在 SPA 状态切换中的降级方案
- 142浏览 收藏
-
- 文章 · 前端 | 9小时前 | javascript · 表单 · FormData FormDataEvent formdata事件 原生表单
- FormDataEvent 统一拦截原生表单数据的实现
- 288浏览 收藏
-
- 文章 · 前端 | 18小时前 | html · javascript · 表单 · requestSubmit form.submit HTML表单校验
- requestSubmit 与 form.submit 有什么区别
- 392浏览 收藏
-
- 文章 · 前端 | 1天前 |
- scheduler.yield 怎么把长任务拆开又保持优先级
- 110浏览 收藏
-
- 文章 · 前端 | 1天前 | CSS 滚动动画 animation-timeline scroll-timeline
- CSS scroll-timeline 怎么驱动滚动进度动画
- 251浏览 收藏
-
- 文章 · 前端 | 1天前 |
- IntersectionObserver scrollMargin 怎么处理嵌套滚动容器
- 380浏览 收藏
-
- 文章 · 前端 | 1天前 |
- dialog 的 closedby 属性怎么控制关闭方式
- 269浏览 收藏
-
- 文章 · 前端 | 1天前 |
- HTML popover 属性怎么管理轻量浮层
- 249浏览 收藏
-
- 文章 · 前端 | 1天前 |
- Navigation API 怎么拦截单页应用导航
- 167浏览 收藏
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。
- 543次学习
-
- GO语言核心编程课程
- 本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。
- 516次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让
- 500次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。
- 485次学习
-
- PubMedQA
- 深入了解PubMedQA生物医学问答数据集,涵盖其核心功能、使用方法及在临床决策、药物研发等场景的应用,助力提升NLP模型性能。
- 258次使用
-
- H2O EvalGPT
- H2O EvalGPT是H2O.ai推出的开源LLM评估平台,提供详细的大模型性能排行榜、行业特定基准测试及A/B测试功能,助您快速选择最适合项目的高性能大语言模型。
- 303次使用
-
- LMArena
- LMArena是加州大学伯克利分校推出的AI模型匿名评测平台。通过盲测投票机制,用户可对比不同大模型回答并生成实时排行榜,助力开发者优化模型及用户选择最佳AI工具。
- 282次使用
-
- HELM
- 深入了解斯坦福推出的HELM(Holistic Evaluation of Language Models)大模型评测体系。本文解析其核心功能、安装配置步骤及应用场景,涵盖准确性、公平性、鲁棒性等多维度指标,助力开发者全面优化语言模型性能。
- 259次使用
-
- MMBench
- MMBench是由上海人工智能实验室等机构联合推出的多模态基准测试平台,提供细粒度能力评估、大规模数据集及VLMEvalKit工具。本文详细介绍其核心功能、安装使用方法及应用场景,助力开发者全面评估多模态模型性能。
- 68次使用
-
- JavaScript函数定义及示例详解
- 2025-05-11 502浏览
-
- 智能体安全引领产业升级——国内AI安全产品市场深度分析
- 2026-08-21 501浏览
-
- CSS变量简化按钮悬停效果技巧
- 2026-05-31 501浏览
-
- JavaScript符号类型详解与应用
- 2026-05-31 501浏览
-
- HTML剪贴板复制粘贴怎么用
- 2026-05-26 501浏览
