Прототипы объектов JavaScript
Все объекты JavaScript наследуют свойства и методы от прототипа.
В предыдущей главе мы узнали, как использовать конструктор объекта :
Пример
function Person(first, last, age, eyecolor) {
this.firstName = first;
this.lastName = last;
this.age = age;
this.eyeColor = eyecolor;
}
const myFather = new Person("John", "Doe", 50, "blue");
const myMother = new Person("Sally", "Rally", 48, "green");
Мы также узнали, что нельзя добавить новое свойство в существующий конструктор объекта:
Пример
Person.nationality = "English";
Чтобы добавить новое свойство в конструктор, вы должны добавить его в функцию конструктора:
Пример
function Person(first, last, age, eyecolor) {
this.firstName = first;
this.lastName = last;
this.age = age;
this.eyeColor = eyecolor;
this.nationality = "English";
}
Наследование прототипа
Все объекты JavaScript наследуют свойства и методы от прототипа:
Dateобъекты наследуют отDate.prototypeArrayобъекты наследуют отArray.prototypePersonобъекты наследуют отPerson.prototype
Находится Object.prototypeна вершине цепочки наследования прототипов:
Dateобъекты, Arrayобъекты и Personобъекты наследуются от Object.prototype.
Добавление свойств и методов к объектам
Иногда вы хотите добавить новые свойства (или методы) ко всем существующим объектам данного типа.
Иногда вы хотите добавить новые свойства (или методы) в конструктор объекта.
Использование свойства прототипа
Свойство JavaScript prototypeпозволяет добавлять новые свойства в конструкторы объектов:
Пример
function Person(first, last, age, eyecolor) {
this.firstName = first;
this.lastName = last;
this.age = age;
this.eyeColor = eyecolor;
}
Person.prototype.nationality = "English";
Свойство JavaScript prototypeтакже позволяет добавлять новые методы в конструкторы объектов:
Пример
function Person(first, last, age, eyecolor) {
this.firstName = first;
this.lastName = last;
this.age = age;
this.eyeColor = eyecolor;
}
Person.prototype.name = function() {
return this.firstName + " " + this.lastName;
};
Изменяйте только свои собственные прототипы. Никогда не изменяйте прототипы стандартных объектов JavaScript.