hasownproperty：hasOwnProperty方法，深度解析与实用指南

在JavaScript的世界里，理解对象及其属性是掌握这门语言的关键，当我们需要检查一个对象是否拥有特定的自有属性（own property，即直接定义在该对象上的属性，而非继承自原型链）时，hasOwnProperty() 方法便成为了我们不可或缺的工具，本文将深入探讨 hasOwnProperty() 方法的定义、用法、重要性以及一些常见的注意事项。

什么是 hasOwnProperty()？

hasOwnProperty() 是一个由 Object.prototype 继承而来的方法，它的存在是为了弥补使用 in 操作符检查属性时的一个重要缺陷。

• in 操作符的问题： 使用 in 检查一个属性时，它会返回 true 如果该属性存在于对象的原型链上，或者直接存在于该对象上，这意味着，即使该属性是继承而来，in 也会认为它是对象“拥有”的。
• hasOwnProperty() 的作用： 它明确地检查一个对象是否直接拥有指定的属性，不考虑该属性是否来自原型链，如果对象有该属性（无论是值、方法还是 undefined），则返回 true；否则，返回 false。

方法的语法非常简单：

obj.hasOwnProperty(prop);

obj 是你想要检查的对象，prop 是一个字符串或表示属性名的符号（Symbol）,用于指定要检查的属性名。

为什么需要 hasOwnProperty()？

正如上面提到的，in 操作符无法区分自有属性和继承属性,这在某些场景下会带来问题：

• 枚举属性时： 如果你只想遍历对象自身的属性，而不是继承的属性，那么在 for...in 循环中，需要结合 hasOwnProperty 来过滤。

  const person = {
      name: "Alice"
  };
  const employee = {
      name: "Bob",
      department: "Engineering"
  };
  // person.prototype 可能有一个继承的 toString 方法
  Object.getPrototypeOf(person) === Object.prototype; // 假设如此
  // 使用 for...in 会包含继承的属性
  console.log("Using 'in' only:");
  for (let key in person) {
      console.log(key); // 输出 "name" 和可能的其他继承属性，如 "toString"
  }
  // 使用 hasOwnProperty 过滤
  console.log("Using 'hasOwnProperty':");
  for (let key in person) {
      if (person.hasOwnProperty(key)) {
          console.log(key); // 只输出 "name"
      }
  }

• 检查特定属性是否存在： 当你需要确认某个属性是对象自身定义的，而不是从外部继承而来时，hasOwnProperty 提供了明确的答案。

如何使用 hasOwnProperty()？

使用 hasOwnProperty 非常直接，只需调用对象实例的方法，并传入属性名（作为字符串）即可。

const myObject = {
    a: 1,
    b: 2
};
// 检查 'a' 是否是 myObject 的自有属性
console.log(myObject.hasOwnProperty('a')); // 输出: true
// 检查 'b' 是否是 myObject 的自有属性
console.log(myObject.hasOwnProperty('b')); // 输出: true
// 检查 'c' 是否是 myObject 的自有属性
console.log(myObject.hasOwnProperty('c')); // 输出: false
// 检查原型链上的属性，toString
console.log(myObject.hasOwnProperty('toString')); // 输出: false (除非直接定义在 myObject 上)

注意事项和常见陷阱

• 大小写敏感：hasOwnProperty 的首字母必须大写。hasOwnProperty() 和 hasOwnProperty() 是不同的,后者是错误的写法。

• 属性名类型： 传入的属性名必须与对象中定义的属性名类型匹配，对于常规属性名，使用字符串；对于 Symbol 属性名，需要使用 Object.getOwnPropertySymbols 或 Symbol.for(key) 来检查，hasOwnProperty 本身不检查 Symbol 属性。

  const sym = Symbol('foo');
  myObject[sym] = 'bar';
  // 检查 Symbol 属性
  console.log(myObject.hasOwnProperty(sym)); // 输出: true
  // 使用 in 检查 Symbol 属性
  console.log(sym in myObject); // 输出: false (因为 in 不检查 Symbol)

• 原型链上的方法：hasOwnProperty 本身是 Object.prototype 的方法，如果你在自定义原型链的对象上调用 hasOwnProperty，并且该对象的原型上覆盖了 hasOwnProperty 方法，那么结果可能就不是检查自有属性了，而是调用了原型方法，这时，你可能需要使用 Object.prototype.hasOwnProperty.call(obj, prop) 来确保调用的是原始方法。

  const proto = {
      hasOwnProperty: function() {
          return false; // 比如总是返回 false
      }
  };
  const obj = Object.create(proto);
  obj.anyProperty = 'value';
  console.log(obj.hasOwnProperty('anyProperty')); // 可能返回 false，因为调用了原型上的方法
  console.log(Object.prototype.hasOwnProperty.call(obj, 'anyProperty')); // 应该返回 true，调用了原始方法

ES6 的替代方案：Object.hasOwn()

随着 ECMAScript 2019 (ES11) 的发布，Object.hasOwn() 方法被引入，作为 hasOwnProperty 的更安全、更直接的替代品。

Object.hasOwn() 的优势在于：

• 更清晰的命名： 它明确表示是在检查对象的自有属性。
• 更安全的调用： 它是静态方法，不需要先获取对象实例，而且内部会处理好方法调用的上下文，避免了上面提到的原型链覆盖 hasOwnProperty 的问题。
• 支持 Symbol 属性： 它可以直接检查 Symbol 属性是否存在。

使用方式：

Object.hasOwn(obj, prop);

示例：

const myObject = {
    a: 1
};
console.log(Object.hasOwn(myObject, 'a')); // true
console.log(Object.hasOwn(myObject, 'b')); // false
console.log(Object.hasOwn(myObject, Symbol('foo'))); // true (如果存在 Symbol 属性)

对于现代 JavaScript 项目，推荐优先使用 Object.hasOwn()，因为它更安全、更现代。

hasOwnProperty() 是 JavaScript 中一个基础但极其重要的方法，用于精确检查对象的自有属性，理解其工作原理、与 in 操作符的区别以及潜在的陷阱，对于编写健壮、可靠的 JavaScript 代码至关重要，虽然 Object.hasOwn() 提供了更优的解决方案，但了解 hasOwnProperty() 的原理和用法仍然是每个 JavaScript 开发者的必备技能。