Как работает прототипное наследование в JavaScript?

Как устроено прототипное наследование в JavaScript

• В JavaScript применяется прототипная модель наследования, а не классическая
• У каждого объекта есть скрытая ссылка на прототип — другой объект
• Когда запрашивается свойство, поиск выполняется по цепочке прототипов (prototype chain)
• Свойства и методы наследуются через прототип, поэтому их копирование не требуется
• Изменение прототипа становится доступно всем объектам, которые от него наследуются
• Прототип можно задать через Object.create или constructor.prototype
• Механизм применяют для повторного использования кода и динамического расширения объектов

Подробный ответ

Основной ответ

Прототипное наследование в JavaScript представляет собой механизм, при котором объект получает свойства и методы другого объекта через ссылку на прототип. В классической модели наследования используются классы, тогда как в JavaScript до ES6 классы как самостоятельная концепция отсутствовали: объекты объединялись в цепочку прототипов (prototype chain). Если нужное свойство не найдено непосредственно в объекте, движок продолжает поиск в его прототипе, затем в прототипе этого прототипа и далее, пока не дойдёт до null.

Ключевые моменты

• Внутри каждого объекта JavaScript находится свойство [[Prototype]]. Обратиться к нему можно через __proto__ или Object.getPrototypeOf; оно содержит ссылку на другой объект, выступающий прототипом.
• Метод Object.create(proto) позволяет создать объект с явно указанным прототипом. Благодаря этому наследование можно настроить напрямую, не прибегая к функциям-конструкторам.
• В ES6 появились классы. Однако их реализация внутри по-прежнему основана на прототипном наследовании, а сам синтаксис классов служит более удобным способом описания объектно-ориентированной модели.
• С помощью прототипной цепочки можно организовать наследование поведения и полиморфизм без повторения кода. При этом внесённые в прототип изменения сразу становятся видны всем объектам-наследникам.

Практический контекст

На практике прототипное наследование используют, чтобы расширять функциональность через общий базовый объект, например Array.prototype или Function.prototype. Также его применяют при создании пользовательских типов с функциями-конструкторами (function User(){}) и ES6 классами: методы размещаются в прототипе, благодаря чему экономится память и упрощается управление поведением.