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");
Попробуйте сами »
Вы также узнали, что вы не можете добавлять новое свойство к существующему конструктору объекта:
Чтобы добавить новое свойство в конструктор, вы должны добавить его в функцию конструктора:
Пример
function Person(first, last, age, eyecolor) {
this.firstName = first;
this.lastName = last;
this.age = age;
this.eyeColor = eyecolor;
this.nationality = "English";
}
Попробуйте сами »
Наследование прототипа
Все объекты JavaScript наследуют свойства и методы от прототипа:
Dateobjects inherit fromDate.prototypeArrayobjects inherit fromArray.prototypePersonobjects inherit fromPerson.prototype
Object.prototype находится в верхней части цепочки наследования прототипов:
Объекты Date, объекты Array и объекты Person наследуются из Object.prototype.
Добавление свойств и методов к объектам
Иногда вам нужно добавить новые свойства (или методы) ко всем существующим объектам данного типа.
Иногда вы хотите добавить новые свойства (или методы) в конструктор объекта.
Использование свойства 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.
