я знаю, что этот ответ опоздал на 3 года, но я действительно думаю, что текущие ответы не дают достаточной информации о насколько прототипное наследование лучше классического наследования.

сначала давайте рассмотрим наиболее распространенные аргументы JavaScript-программистов в защиту прототипного наследования (я беру эти аргументы из текущего пула ответов):

1. все просто.
2. это мощно.
3. It приводит к меньшему, менее избыточному коду.
4. это динамический и, следовательно, это лучше для динамических языков.

теперь эти аргументы все действительны, но никто не потрудился объяснить, почему. Это все равно что сказать ребенку, что изучение математики важно. Конечно, это так, но ребенку, конечно, все равно; и вы не можете сделать ребенка похожим на математику, сказав, что это важно.

я думаю, что проблема с прототипным наследованием, что это объясняется перспектива JavaScript. Я люблю JavaScript, но прототипное наследование в JavaScript неверно. В отличие от классического наследования существуют две модели прототипического наследования:

1. прототипный паттерн прототипного наследования.
2. шаблон конструктора прототипного наследования.

к сожалению JavaScript использует шаблон конструктора прототипного наследования. Это потому, что, когда JavaScript был создан, Брендан Эйх (создатель JS) хотел, чтобы он выглядел как Java (который имеет классическое наследование):

и мы подталкивали его как младшего брата к Java, поскольку дополнительный язык, такой как Visual Basic, был C++ в семействах языков Microsoft в то время.

это плохо, потому что когда люди используют конструкторы в JavaScript, они думают о конструкторах, наследующих от других конструкторов. Это неправильно. В прототипном наследовании объекты наследуют от других объектов. Конструкторы никогда не входят в картину. Это то, что смущает большинство людей.

люди из таких языков, как Java, которые имеют классическое наследование, еще больше запутываются, потому что, хотя конструкторы выглядят как классы, они не ведут себя как классы. Как Дуглас Крокфорд указано:

эта косвенность была предназначена для того, чтобы язык казался более знакомым классически подготовленным программистам, но не смог этого сделать, поскольку мы можно видеть из очень низкого мнения Java-программистов о JavaScript. Шаблон конструктора JavaScript не привлекал классическую толпу. Это также затмило истинную прототипическую природу JavaScript. В результате, существует очень мало программистов, которые знают, как эффективно использовать язык.

вот оно. Прямо из пасти лошади.

Истинное Прототипное Наследование

прототипное наследование-это все об объектах. Объекты наследуют свойства из других объектов. Вот и все. Существует два способа создания объектов с использованием прототипного наследования:

1. создать новый объект.
2. клонировать существующий объект и расширить его.

Примечание: JavaScript предлагает два способа клонирования объекта -делегация и объединение. Отныне я буду использовать слово "клон" исключительно для обозначения наследования через делегирование, и слово "копировать" относится исключительно к наследованию через конкатенацию.

Хватит говорить. Давайте рассмотрим несколько примеров. Скажем, у меня есть круг радиуса 5:

var circle = {
    radius: 5
};

мы можем вычислить площадь и длину окружности круга от его радиуса:

circle.area = function () {
    var radius = this.radius;
    return Math.PI * radius * radius;
};

circle.circumference = function () {
    return 2 * Math.PI * this.radius;
};

теперь я хочу создать еще один круг радиусом 10. Один из способов сделать это будет:

var circle2 = {
    radius: 10,
    area: circle.area,
    circumference: circle.circumference
};

однако JavaScript предоставляет лучший способ - делегация. Крокфорд по Object.create функция используется для этого:

var circle2 = Object.create(circle);
circle2.radius = 10;

вот и все. Вы только что сделали прототипное наследование в JavaScript. Разве это не просто? Вы берете объект, скопировать его, изменить все, что вам нужно, и вуаля - у тебя новый объект.

вы можете спросить: "как это просто? Каждый раз, когда я хочу создать новый круг, мне нужно клонировать circle и вручную назначить ему радиус". Ну решение состоит в том, чтобы использовать функцию, чтобы сделать тяжелая работа для вас:

function createCircle(radius) {
    var newCircle = Object.create(circle);
    newCircle.radius = radius;
    return newCircle;
}

var circle2 = createCircle(10);

на самом деле вы можете объединить все это в один литерал объекта следующим образом:

var circle = {
    radius: 5,
    create: function (radius) {
        var circle = Object.create(this);
        circle.radius = radius;
        return circle;
    },
    area: function () {
        var radius = this.radius;
        return Math.PI * radius * radius;
    },
    circumference: function () {
        return 2 * Math.PI * this.radius;
    }
};

var circle2 = circle.create(10);

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

если вы заметили в приведенной выше программе