Вивчайте Розуміння Оголошень Класів у JavaScript | Володіння Класами Та Наслідуванням У JavaScript

Свайпніть щоб показати меню

У цьому розділі основна увага приділяється класам у JavaScript.

Чому варто вивчати класи у JavaScript?

Класи у JavaScript забезпечують більш організований і чистий спосіб створення об'єктів, особливо для великих застосунків. Вони сприяють повторному використанню коду та структурованості, а також спрощують наслідування. Хоча використання класів не є обов'язковим, вони допомагають керувати складністю та роблять код легшим для читання, підтримки й розширення, особливо при роботі з Об'єктно-орієнтованим програмуванням.

Що таке клас у JavaScript?

Уявіть собі клас як креслення, яке архітектор використовує для проектування будинку. Саме креслення не є будинком, але воно містить інструкції для його побудови. Кожного разу, коли будується новий будинок, використовується те саме креслення, але кожен будинок може мати унікальні деталі — наприклад, різні кольори, матеріали чи індивідуальні особливості.

Так само клас у JavaScript — це як креслення для створення об'єктів. Він визначає структуру (властивості) та поведінку (методи) цих об'єктів. Кожного разу, коли створюється об'єкт (екземпляр) з класу, він дотримується одного дизайну, але його значення можуть відрізнятися, як і зовнішній вигляд кожного будинку.

Як оголосити клас

Оголошення класу в JavaScript є простим. Використовуйте ключове слово class, після якого йде назва класу. Тіло класу, де визначаються властивості та методи, береться у фігурні дужки {}.

class Animal {
  // Properties and methods go here
}

У цьому прикладі оголошується клас з назвою Animal. Класи в JavaScript не підлягають підняттю (hoisting), тобто клас необхідно оголосити перед його використанням.

Метод constructor

Якщо клас — це креслення, то constructor — це будівельна бригада, яка бере креслення та збирає будинок. Коли будується будинок (створюється об'єкт), бригада (constructor) збирає фундамент, стіни, дах та інші компоненти згідно з інструкціями.

Аналогічно, constructor у class ініціалізує властивості об'єкта на основі переданих аргументів — так само, як налаштовується колір фарби чи тип підлоги в будинку. Кожного разу, коли створюється новий екземпляр, constructor забезпечує правильну ініціалізацію об'єкта.


              1234567891011121314
            
class Animal {
  constructor(name, type) {
    this.name = name;
    this.type = type;
  }
}

const lion = new Animal('Lion', 'Wild');
console.log(lion.name); // Output: Lion
console.log(lion.type); // Output: Wild

const pig = new Animal('Pig', 'Domestic');
console.log(pig.name); // Output: Pig
console.log(pig.type); // Output: Domestic

constructor дозволяє передавати початкові значення під час створення об'єктів, забезпечуючи гнучкість для ініціалізації різних об'єктів з індивідуальними параметрами.