Наследование с помощью prototype

Мы уже знаем о том, как создать класс в JS
Теперь можно приступить и к наследованию. Создадим такой класс (он будет выступать в качестве родителя):

var Fruit=function(){
    this.name="какой-то фрукт";
    this.type="фрукт";
}

Теперь создадим потомка:

var Banana=function(){
    this.name="банан";
}

А теперь наследуем:

Banana.prototype=new Fruit;
  
var banana=new Banana();
alert("Название:"+banana.name+", тип:"+banana.type);

Проверить скрипт

Ещё, возможно, кому-то будет удобно создать функцию, которая будет создавать наследование. Например, такую:

function extend(arg){
    if(arg.child && arg.parent){
        arg.child.prototype = new arg.parent;
        arg.child.prototype.constructor = arg.child;
        arg.child.superclass = arg.parent.prototype;
    }else{
        alert("Ошибка аргументов");
    }
};

Теперь просто вызываем её:

var Fruit=function(){
    this.name="какой-то фрукт";
    this.type="фрукт";
};
var Banana=function(){
    this.name="банан";
};
  
extend({child:Banana, parent:Fruit});
  
var banana=new Banana;
alert("Название:"+banana.name+", тип:"+banana.type);

Проверить скрипт №2

Теперь у нас есть универсальная функция, которая может любому классу сопоставить другой класс с помощью отношений родитель-потомок. Спасибо за внимание.

Если статья Вам показалась незаконченной или Вы знаете как её улучшить, пожалуйста сообщите мне e@gohtml.ru

Случайные уроки по этой теме:

Управление HTML элементами jQuery. Подключение библиотеки, функция $ Как вывести время на Javascript. Цифровые часы Замыкания в Javascript Блог на ReactJS #1. Компоненты. npm, jsx, webpack, webpack-dev-server