NEW BOT Телеграм, страница

🚩

Как создать наследование без классов ES6?

Прототипное наследование — это механизм, при котором один объект наследует свойства и методы от другого через цепочку прототипов. В JavaScript наследование работает не через копирование, а через ссылки: дочерний объект получает доступ к методам родителя через связь [[Prototype]].

// Плохо - дублирование методов без наследования
function Animal(name) {
    this.name = name;
    this.eat = function() {  // Копируется в каждый объект
        console.log(`${this.name} ест`);
    };
}

function Dog(name) {
    this.name = name;
    this.eat = function() {  // Дублирование кода!
        console.log(`${this.name} ест`);
    };
    this.bark = function() {
        console.log(`${this.name} лает`);
    };
}

// Хорошо - прототипное наследование
function Animal(name) {
    this.name = name;
}

Animal.prototype.eat = function() {
    console.log(`${this.name} ест`);
};

function Dog(name) {
    Animal.call(this, name);  // Вызываем конструктор родителя
}

Dog.prototype = Object.create(Animal.prototype);  // Наследуем
Dog.prototype.constructor = Dog;  // Восстанавливаем constructor

Dog.prototype.bark = function() {
    console.log(`${this.name} лает`);
};

const dog = new Dog('Бобик');
dog.eat();   // "Бобик ест" - метод из Animal
dog.bark();  // "Бобик лает" - свой метод

📎Как работает прототипное наследование:

🟣

Animal.call (this, name) — вызывает конструктор родителя в контексте потомка
🟣 Object.create (Animal.prototype) — создаёт новый объект с прототипом Animal
🟣 Цепочка: dog → Dog.prototype → Animal.prototype → Object.prototype → null
🟣 Методы ищутся вверх по цепочке до первого совпадения

Object.create() создаёт новый объект, чей прототип указывает на переданный объект. Это безопасный способ установить наследование, в отличие от прямого присваивания Dog.prototype = Animal.prototype, которое создаст общую ссылку вместо цепочки.

После Object.create() нужно восстановить свойство constructor, потому что новый прототип не имеет ссылки на конструктор Dog. Без этого dog.constructor будет указывать на Animal, что может вызвать баги.

✅ Правильный подход:
- Используйте Object.create() для установки наследования
- Вызывайте родительский конструктор через .call(this)
- Восстанавливайте constructor после наследования
- В современном коде используйте классы ES6 (это синтаксический сахар)

❌ Избегайте:
- Прямого присваивания Dog.prototype = Animal.prototype
- Использования new Animal() для наследования (создаст лишний объект)
- Забывать вызвать родительский конструктор
- Добавлять методы в прототип до установки наследования

Классы ES6 проще, но прототипы — основа JavaScript!

🔎

🔄

#⃣

Вопрос

#⃣

Новости

#⃣

База вопросов

Please open Telegram to view this post

VIEW IN TELEGRAM

❤7🔥4👍3

1.24K views09:59