Класи – Основи

Синтаксис створення класів в JavaScript досить простий і логічний. Ось основні складові синтаксису створення класу:

class ClassName {
	// Конструктор класу
	constructor(parameters) {
		// Ініціалізація властивостей
		this.property1 = value1;
		this.property2 = value2;
		// ...
	}

	// Методи класу
	methodName1() {
		// Дії методу
	}

	methodName2() {
		// Дії методу
	}
}

Ось розшифровка різних елементів цього синтаксису:

class ClassName: Слово class визначає, що ви створюєте новий клас. ClassName - ім'я класу, яке ви можете вибрати. Ім'я класу зазвичай пишеться з великої літери за конвенцією CamelCase.
constructor(parameters): Конструктор - це спеціальний метод класу, який викликається при створенні нового об'єкта класу. Ви можете передавати параметри в конструктор, якщо це необхідно для ініціалізації властивостей об'єкта.
this.property1 = value1;: Властивості класу визначаються всередині конструктора за допомогою this. Ви можете ініціалізувати їх значенням value1 або будь-яким іншим значенням.
methodName1(): Методи класу визначаються також всередині класу. Ви можете створювати різні методи для виконання певних дій над об'єктом.

Давайте створемо приклад використання класів на практиці:

class Car {
	constructor(brand, model, year) {
		this.brand = brand;
		this.model = model;
		this.year = year;
	}
}

Тут ми створюємо клас Car, який представляє автомобіль. Кожен автомобіль має свої властивості, такі як марка (brand), модель (model) і рік випуску (year). Ми використовуємо конструктор для того, щоб при створенні нового автомобіля можна було відразу ж задати ці характеристики.

Методи класу

class Car {
	constructor(brand, model, year) {
		this.brand = brand;
		this.model = model;
		this.year = year;
	}

	// Метод 1 
start() {
		console.log(`${this.brand} ${this.model} починає рух.`);
	}

	// Метод 2 
stop() { 
		console.log(`${this.brand} ${this.model} зупиняється.`);
	}
}

Методи start і stop є діями, які автомобіль може виконувати. Метод start виводить повідомлення про початок руху автомобіля, а stop — про його зупинку. Ми використовуємо змінні this.brand і this.model, щоб звертатися до властивостей конкретного автомобіля, для якого викликається метод.

Використання об'єкта на основі класу

let myCar = new Car("Toyota", "Camry", 2022);

Цей рядок створює новий автомобіль з маркою Toyota, моделлю Camry і роком випуску 2022. Створюючи об'єкти таким чином, ми можемо мати різні автомобілі з різними характеристиками, але вони всі будуть мати однакову логіку роботи (методи start і stop).

Виклик методів

myCar.start(); // Виведе "Toyota Camry починає рух."
myCar.stop();  // Виведе "Toyota Camry зупиняється."    

Тут ми викликаємо методи для нашого автомобіля myCar. Метод start виведе повідомлення про те, що автомобіль починає рух, а stop — про зупинку. Це приклад того, як можна управляти об'єктом і викликати його функціональність.

Чому використовувати саме так?

Ми використовуємо класи, щоб зручно створювати об'єкти з однаковою структурою і поведінкою. Це дозволяє легко створювати й управляти кількома об'єктами, наприклад, різними автомобілями. Клас допомагає зберігати код чистим і організованим, оскільки він дозволяє згрупувати дані (марку, модель, рік) і методи (start, stop) разом в одному місці.