JavaScript hasOwnProperty过滤原型属性方法

在JavaScript中，正确区分对象自身的可枚举属性与原型链上继承的属性至关重要——`for...in`循环会意外暴露`toString`、`constructor`等原型方法，导致逻辑错误；本文详解如何用`Object.prototype.hasOwnProperty.call()`安全过滤，同时推荐更简洁现代的替代方案`Object.keys()`，并厘清`hasOwnProperty`的适用边界（如不处理不可枚举属性和Symbol），帮你写出更健壮、可维护的对象遍历代码。

在 JavaScript 中，hasOwnProperty 是对象自身方法，用于判断某个属性是否直接定义在该对象上（即**非继承自原型链**），常用于安全遍历对象属性时过滤掉原型上的属性。

为什么需要 hasOwnProperty 过滤？

使用 for...in 遍历对象时，它会枚举对象自身及其原型链上所有可枚举属性。如果没做过滤，可能意外处理到 toString、hasOwnProperty、constructor 等原型方法，导致逻辑错误或报错。

例如：

const obj = { name: 'Alice' };
console.log(obj.toString); // [Function: toString]（来自 Object.prototype）
for (let key in obj) {
  console.log(key); // 输出 'name' 和 'toString'（如果原型被污染或未屏蔽）
}

正确用法：配合 for...in 使用

在 for...in 循环中，用 obj.hasOwnProperty(key) 做守卫，只处理对象自身的属性：

• 必须用 Object.prototype.hasOwnProperty.call(obj, key) 更稳妥，避免对象自身有同名属性覆盖（如 { hasOwnProperty: true }）
• 推荐写法：

const obj = { a: 1, b: 2 };
for (let key in obj) {
  if (Object.prototype.hasOwnProperty.call(obj, key)) {
    console.log(key, obj[key]); // 只输出 a 和 b
  }
}

替代方案：Object.keys() 更简洁

现代开发中，若只需遍历自身可枚举属性，Object.keys() 是更安全、更直观的选择，它**天生不包含原型属性**：

• 返回字符串数组，不含 Symbol 属性，也不含不可枚举属性
• 配合 forEach、map 等方法更函数式

const obj = { x: 10, y: 20 };
Object.keys(obj).forEach(key => {
  console.log(key, obj[key]); // 只处理 x 和 y
});

注意边界情况

hasOwnProperty 仅检测**可枚举的自有属性**：

• 不可枚举属性（如通过 Object.defineProperty 设置 enumerable: false）不会被 for...in 遍历，也无需 hasOwnProperty 过滤
• Symbol 类型属性不会出现在 for...in 或 Object.keys() 中，需用 Object.getOwnPropertySymbols()
• ES6 的 Reflect.ownKeys() 可获取所有自有属性键（含不可枚举、Symbol），但不区分是否可枚举

今天关于《JavaScript hasOwnProperty过滤原型属性方法》的内容就介绍到这里了，是不是学起来一目了然！想要了解更多关于的内容请关注golang学习网公众号！