JavaScript 中 prototype 原型对象怎么在数据解构时跳过原型属性-js教程-PHP中文网

javascript对象解构、object.keys()等默认只处理自身可枚举属性，天然跳过原型属性；for...in是唯一会遍历原型可枚举属性的场景，需用hasownproperty或object.keys()过滤。

javascript 中 prototype 原型对象怎么在数据解构时跳过原型属性

JavaScript 中的 prototype 属性本身不会出现在对象自身的属性中，因此在标准的数据解构（如对象解构、for...in、Object.keys()）中，默认就**不会包含原型上的属性**——这是关键前提。真正需要“跳过”的，其实是那些被意外添加到实例自身、但本应属于原型逻辑的属性，或你误用了可枚举性导致原型属性“冒出来”的情况。

为什么解构通常天然跳过原型属性

ES6 对象解构（const { a, b } = obj）只读取对象自身的可枚举属性，不访问原型链。同理：

Object.keys(obj) —— 只返回自身可枚举键
for (let k in obj) —— 默认会遍历原型链上的可枚举属性（⚠️这是唯一常见“漏出”原型的地方）
Object.getOwnPropertyNames(obj) —— 返回自身所有键（含不可枚举）

避免 for...in 遍历时误读原型属性

如果你用 for...in 做循环再解构，必须手动过滤掉继承属性：

用 obj.hasOwnProperty(key) 判断是否为自身属性
或改用更安全的 Object.keys(obj).forEach(...)

示例：

JavaStoryDevelop

你接手一个需求时，是不是经常这样："改一个小字段 → 结果把不相关的代码也改了"、"需求说得很模糊 → 做着做着发现跑偏了"、"数据库加个字段 → 上线才发现漏了数据兼容"、"做了个新功能 → 一个月后自己都忘了当时怎么设计的"、"写到一半被中断 → 再回来不知道从哪继续"；这个 Skill 就是专门解决这些问题的。它会自动探测你的项目环境（JDK、Spring Boot、ORM、数据库、前端框架），记在

下载

const Parent = function() {};
Parent.prototype.name = 'parent';
const child = new Parent();
child.id = 123;

// ❌ 错误：for...in 会拿到 name（来自 prototype）
for (let k in child) console.log(k); // 'id', 'name'

// ✅ 正确：只取自身属性
Object.keys(child).forEach(k => console.log(k)); // 只输出 'id'

确保原型属性设为不可枚举（推荐做法）

如果你自己定义原型方法或属性，应显式设为不可枚举，从根本上避免干扰：

用 Object.defineProperty 设置 enumerable: false
类中的方法默认就是不可枚举的，无需额外处理

示例：

function Person() {}
Object.defineProperty(Person.prototype, 'sayHi', {
  value() { return 'hi'; },
  enumerable: false // ? 关键：不参与 for...in / JSON.stringify / 解构等
});