Скиньте свои проекты с использованием ООП в 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. Если у вас возникнут вопросы или нужна помощь, обращайтесь!