Понимание собственных свойств объекта в 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, и наследует свойства firstName и lastName от своего прототипа person.

Метод 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)

Summary

• Свойство, которое непосредственно определено для объекта, является собственным свойством.
• Метод obj.hasOwnProperty() определяет, является ли свойство собственным или нет.