Как работает прототипное наследование и что такое class в JavaScript?
- Что такое __proto__ и prototype?
У каждого объекта есть ссылка на прототип; если свойства нет в объекте, оно ищется по цепочке прототипов. Методы хранятся в прототипе и разделяются всеми экземплярами. class — синтаксический сахар над конструктором и прототипом, с более строгими правилами.
- F.prototype — прототип для объектов, созданных new F()
- Object.getPrototypeOf(obj) — правильный способ получить прототип (__proto__ — устаревший)
- extends настраивает цепочку, super вызывает метод родителя
А ещё Object.create(proto) — объект с заданным прототипом без конструктора
Подробно
class Animal {
constructor(name) { this.name = name; }
speak() { return `${this.name} издаёт звук`; }
}
class Dog extends Animal {
speak() { return `${super.speak()}: гав`; }
}
const d = new Dog("Рекс");
// d → Dog.prototype → Animal.prototype → Object.prototype → nullПоиск свойства: d.speak — нет в d, есть в Dog.prototype. d.toString — дошли до Object.prototype.
Что делает new: создаёт объект с прототипом F.prototype, вызывает конструктор с этим объектом в this, возвращает его.
Отличия class от функции-конструктора: нельзя вызвать без new, код класса в строгом режиме, методы неперечисляемые, есть #приватные поля и статические блоки.
Ловушка: изменение встроенных прототипов (Array.prototype.x = ...) ломает чужой код — так не делают.
Что хотят услышать
- Цепочка прототипов и поиск свойств.
- class как сахар и его отличия.
- Что делает new.
Проверьте себя
Один верный вариант. Подумайте, потом откройте ответ.
Показать варианты и ответ
- ✗class в JavaScript создаёт классы как в Java, без прототипов, а методы копируются в экземпляры
- ✗Методы копируются в каждый экземпляр
- ✗У объекта есть только собственные свойства, прототипа нет
- ✓Свойство ищется в объекте, затем по цепочке прототипов; class — сахар над этим
Связанные вопросы
Разбор собеседования с sotto
После собеседования sotto разбирает разговор: оценка, каждый вопрос — хорошо, частично или слабо, чего не хватило в ответе и над чем поработать к следующему разу. Первые 30 минут бесплатно.