javascript 对象的显示属性和隐式属性

在 JavaScript 中，对象的属性可以分为“显示属性”（也称为自有属性，own properties）和“隐式属性”（通常指的是继承自原型链上的属性）。理解这两类属性的区别对于深入掌握 JavaScript 对象模型非常重要。

显示属性（Own Properties）

显示属性是指直接定义在一个对象上的属性。它们是该对象自身的一部分，并不通过原型链继承而来。可以通过以下方法来检测或获取一个对象的显示属性：

Object.hasOwn(obj, prop)：这是一个较新的方法，用于检查对象是否具有指定的显示属性。它比 obj.hasOwnProperty(prop) 更加安全，因为它不会被原型链上的同名方法覆盖。
Object.getOwnPropertyNames(obj)：返回一个数组，包含对象的所有可枚举和不可枚举的显示属性名称。
Object.keys(obj)：返回一个数组，包含对象所有可枚举的显示属性名称。
Object.values(obj)：返回一个数组，包含对象所有可枚举的显示属性值。

隐式属性（Inherited Properties）

隐式属性是指那些不是直接定义在对象上，而是通过原型链从其构造函数或其他对象继承来的属性。你可以通过以下方式与这些属性交互：

for...in 循环：遍历对象的所有可枚举属性，包括自身的和从原型链继承来的属性。
Object.getPrototypeOf(obj)：获取对象的原型（即直接父对象），然后可以进一步检查原型上的属性。
instanceof 运算符：检查一个对象是否是某个构造函数的实例，间接反映了对象可能从其原型继承的属性。

示例代码

这里有一个简单的例子，演示了如何区分显示属性和隐式属性：

const parent = { inherited: 'I am from parent' };
const child = Object.create(parent); // 创建一个以 parent 为原型的新对象
child.own = 'I am an own property';

console.log(Object.hasOwn(child, 'own')); // true
console.log(Object.hasOwn(child, 'inherited')); // false

// 使用 for...in 可以访问到继承来的属性
for (let key in child) {
    console.log(key + ': ' + child[key]);
}
// 输出:
// own: I am an own property
// inherited: I am from parent