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功能解析与使用场景
- 下一篇
- 函数式响应式编程实战教程
-
- 文章 · 前端 | 10分钟前 |
- 隐藏滚动条的实用技巧分享
- 139浏览 收藏
-
- 文章 · 前端 | 13分钟前 |
- JavaScript数组对象解构技巧
- 338浏览 收藏
-
- 文章 · 前端 | 14分钟前 |
- CSS变量与calc计算结合使用详解
- 484浏览 收藏
-
- 文章 · 前端 | 14分钟前 |
- 优酷WiFi关闭HTML5技巧分享
- 459浏览 收藏
-
- 文章 · 前端 | 17分钟前 |
- CSS动态调整子元素比例::has()与容器查询应用
- 112浏览 收藏
-
- 文章 · 前端 | 32分钟前 |
- 自定义Bootstrap表格边框颜色方法
- 436浏览 收藏
-
- 文章 · 前端 | 41分钟前 |
- 响应式三分之二布局怎么实现
- 239浏览 收藏
-
- 文章 · 前端 | 41分钟前 |
- CSS盒模型序号位置控制技巧
- 333浏览 收藏
-
- 文章 · 前端 | 41分钟前 |
- WebCryptoAPI实现端到端加密教程
- 163浏览 收藏
-
- 文章 · 前端 | 44分钟前 |
- Vue3triggerRef用法及手动触发响应式更新
- 173浏览 收藏
-
- 文章 · 前端 | 50分钟前 |
- CSS动态改色与JS透明度控制教程
- 290浏览 收藏
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。
- 543次学习
-
- GO语言核心编程课程
- 本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。
- 516次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让
- 500次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。
- 485次学习
-
- ChatExcel酷表
- ChatExcel酷表是由北京大学团队打造的Excel聊天机器人,用自然语言操控表格,简化数据处理,告别繁琐操作,提升工作效率!适用于学生、上班族及政府人员。
- 4392次使用
-
- Any绘本
- 探索Any绘本(anypicturebook.com/zh),一款开源免费的AI绘本创作工具,基于Google Gemini与Flux AI模型,让您轻松创作个性化绘本。适用于家庭、教育、创作等多种场景,零门槛,高自由度,技术透明,本地可控。
- 4743次使用
-
- 可赞AI
- 可赞AI,AI驱动的办公可视化智能工具,助您轻松实现文本与可视化元素高效转化。无论是智能文档生成、多格式文本解析,还是一键生成专业图表、脑图、知识卡片,可赞AI都能让信息处理更清晰高效。覆盖数据汇报、会议纪要、内容营销等全场景,大幅提升办公效率,降低专业门槛,是您提升工作效率的得力助手。
- 4621次使用
-
- 星月写作
- 星月写作是国内首款聚焦中文网络小说创作的AI辅助工具,解决网文作者从构思到变现的全流程痛点。AI扫榜、专属模板、全链路适配,助力新人快速上手,资深作者效率倍增。
- 6398次使用
-
- MagicLight
- MagicLight.ai是全球首款叙事驱动型AI动画视频创作平台,专注于解决从故事想法到完整动画的全流程痛点。它通过自研AI模型,保障角色、风格、场景高度一致性,让零动画经验者也能高效产出专业级叙事内容。广泛适用于独立创作者、动画工作室、教育机构及企业营销,助您轻松实现创意落地与商业化。
- 4998次使用
-
- JavaScript函数定义及示例详解
- 2025-05-11 502浏览
-
- 优化用户界面体验的秘密武器:CSS开发项目经验大揭秘
- 2023-11-03 501浏览
-
- 使用微信小程序实现图片轮播特效
- 2023-11-21 501浏览
-
- 解析sessionStorage的存储能力与限制
- 2024-01-11 501浏览
-
- 探索冒泡活动对于团队合作的推动力
- 2024-01-13 501浏览

