Скиньте свои проекты с использованием ООП в JS? Добрый вечер, копаюсь в ООП и вроде понял его суть, но для полного понимания как применить естество ООП во фронтенде нужны примеры, можно свои или чужие, без разницы.

Предыдущий
вопрос Следующий
вопрос

Конечно, вот несколько примеров проектов на JavaScript с использованием ООП:

Пример проекта "Калькулятор" с использованием ООП:class Calculator {
constructor() {
this.result = 0;
}
add(num) {
this.result += num;
}
subtract(num) {
this.result -= num;
}
multiply(num) {
this.result *= num;
}
divide(num) {
this.result /= num;
}
getResult() {
return this.result;
}
}
const calculator = new Calculator();
calculator.add(5);
calculator.multiply(2);
console.log(calculator.getResult()); // Выведет 10Пример проекта "To Do List" с использованием ООП:class Task {
constructor(title, completed) {
this.title = title;
this.completed = completed;
}
toggle() {
this.completed = !this.completed;
}
}
class ToDoList {
constructor() {
this.tasks = [];
}
addTask(title) {
const task = new Task(title, false);
this.tasks.push(task);
}
toggleTask(index) {
this.tasks[index].toggle();
}
getTasks() {
return this.tasks;
}
}
const toDoList = new ToDoList();
toDoList.addTask("Buy groceries");
toDoList.addTask("Do laundry");
toDoList.toggleTask(0);
console.log(toDoList.getTasks()); // Выведет массив задач с измененным первым элементом

Надеюсь, эти примеры помогут вам лучше понять, как применять ООП во фронтенде на JavaScript. Если у вас возникнут вопросы или нужна помощь, обращайтесь!