理解 JavaScript 对象的自身属性

摘要：在本教程中，您将学习有关 JavaScript 对象的自身属性。

在 JavaScript 中，一个对象是属性的集合，其中每个属性都是一个键值对。

此示例使用对象初始化器创建一个名为person的新对象

const person = {
    firstName: 'John',
    lastName: 'Doe'
};
Code language: JavaScript (javascript)

person对象有两个属性：firstName和lastName。

JavaScript 使用原型继承。因此，对象的属性可以是自身的或继承的。

直接在对象上定义的属性是自身的，而对象从其原型继承的属性是继承的。

以下创建了一个名为employee的对象，它继承自person对象

const employee = Object.create(person, {
    job: {
        value: 'JS Developer',
        enumerable: true
    }
});
Code language: JavaScript (javascript)

employee对象有自己的属性job，并从其原型person继承firstName和lastName属性。

hasOwnProperty()方法如果属性是自身属性则返回true。例如

console.log(employee.hasOwnProperty('job')); // => true
console.log(employee.hasOwnProperty('firstName')); // => false
console.log(employee.hasOwnProperty('lastName')); // => false
console.log(employee.hasOwnProperty('ssn')); // => false
Code language: JavaScript (javascript)

摘要

• 直接在对象上定义的属性是自身属性。
• obj.hasOwnProperty()方法确定属性是否是自身属性。