**Механизм наследования позволяет определить базовый класс `Машина`, в нём описать то, что свойственно всем машинам, а затем на его основе построить другие, более конкретные: `Кофеварка`, `Холодильник` и т.п.**

В веб-разработке нам могут понадобиться классы `Меню`, `Табы`, `Диалог` и другие компоненты интерфейса.

Можно выделить полезный общий функционал в класс `Компонент` и наследовать их от него, чтобы не дублировать код. Это обычная практика, принятая во множестве библиотек.

Например, у нас есть класс `Machine`, который реализует методы "включить" `enable()` и "выключить" `disable()`:

Machine.call(this);

function onReady() {

alert('Кофе готово!');

}

this.run = function() {

setTimeout(onReady, 1000);

};

Наследование реализовано вызовом `Machine.call(this)` в начале `CoffeeMachine`.

Далее `CoffeeMachine` продолжает выполнение и может добавить свои свойства и методы, а также пользоваться унаследованными.

**При этом, чтобы обозначить, что свойство является внутренним, его имя начинают с подчёркивания `_`.**

this._enabled = false;

**Подчёркивание в начале свойства -- общепринятый знак, что свойство является внутренним, предназначенным лишь для доступа из самого объекта и его наследников. Такие свойства называют *защищёнными*.**

Технически это, конечно, возможно, но приличный программист снаружи в такое свойство не полезет.

**Вообще, это стандартная практика: конструктор сохраняет свои параметры в свойствах объекта. Иначе наследники не будут иметь к ним доступ.**

В коде выше есть свойство `power`. Сейчас мы его тоже сделаем защищённым и перенесём в `Machine`, поскольку "мощность" свойственна всем машинам, а не только кофеварке:

function CoffeeMachine(power) {

Machine.apply(this, arguments); // (1)

alert(this._enabled); // false

alert(this._power); // 10000

}

this._power = power; // (2)

В коде выше при вызове `new CoffeeMachine(10000)` в строке `(1)` кофеварка передаёт аргументы и контекст родителю вызовом `Machine.apply(this, arguments)`.

Можно было бы использовать `Machine.call(this, power)`, но использование `apply` гарантирует передачу всех аргументов, мало ли, вдруг мы в будущем захотим их добавить.

Аналогичным образом мы можем унаследовать от `Machine` холодильник `Fridge`, микроволновку `MicroOven` и другие классы, которые разделяют общий "машинный" функционал.

Machine.call(this, arguments);

Кроме создания новых методов, можно заменить унаследованные на свои:

...Однако, как правило, мы хотим не заменить, а *расширить* метод родителя. Например, сделать так, чтобы при включении кофеварка тут же запускалась.

<li>Мы скопировали доставшийся от родителя метод `enable` в переменную, например `parentEnable`.</li>

<li>Заменили метод `this.enable()` на свою функцию...</li>

<li>Которая по-прежнему реализует старый функционал через вызов `parentEnable`...</li>

<li>И в дополнение к нему делает что-то своё, например запускает приготовление кофе.</li>

};

this._enabled = false;

var private;

this.public = ...;

this._protected = ...

this.coffeePublic = ...

coffeeMachine.public();

coffeeMachine.coffeePublic();

var parentProtected = this._protected;

this._protected = function(args) {

parentProtected.call(this, args); // (*)

В своей практике разработки я обычно наследую функционально в тех случаях, когда *уже* есть какой-то код, который на нём построен. К примеру, уже существуют классы, написанные сторонними разработчиками, которые можно доопределить или расширить только так.

Свойство доступно во всех браузерах, кроме IE10-. Впрочем, в старых IE оно, на самом деле, тоже есть, но требуются чуть более сложные способы для работы с ним, которые мы рассмотрим позднее.