44 Классы в JavaScript с нуля — class, constructor, this, getter и setter

🚀 *JavaScript для начинающих — Просто. Понятно. С нуля!* В этом уроке мы наконец-то начинаем изучать **классы в JavaScript**. На прошлом уроке мы разобрали **модули JavaScript**, а теперь переходим к важной теме объектно-ориентированного программирования — **class**. Я постараюсь объяснить классы максимально простыми словами и показать, зачем они нужны на практике. 💡 *Что такое класс?* Если говорить просто, класс — это своеобразный **шаблон или чертёж**, по которому можно создавать объекты. Например: 🚗 чертёж автомобиля — это класс 🚙 конкретный автомобиль с определённым номером — это объект или экземпляр (instance) класса. Но вместо абстрактных примеров мы будем использовать наш реальный проект *интернет-магазина* и постепенно переделаем часть существующего кода с использованием классов. 📚 В этом уроке: что такое классы в JavaScript; зачем нужны классы и где их использовать; базовый синтаксис `class`; создание экземпляров класса через `new`; использование `constructor`; что такое `this` внутри класса; создание нескольких экземпляров одного класса; методы класса; геттеры и сеттеры `get` / `set`; почему `class` в JavaScript связан с функциями; почему `typeof` класса возвращает `"function"`; рефакторинг нашего интернет-магазина с использованием классов; практический пример с корзиной и несколькими экземплярами. В конце урока отдельно разберём **базовый синтаксис класса**, чтобы закрепить изученный материал. 💻 Все примеры мы разбираем непосредственно на нашем проекте интернет-магазина, поэтому вы сможете увидеть, как классы применяются не только в теории, но и в реальном JavaScript-коде. 📌 *Скачать все уроки и исходный код курса:* https://github.com/niskadevla/js-course/tree/main 📌 *Исходный код этого урока:* https://github.com/niskadevla/js-course/tree/main/44_class_basic_syntax 📖 Материал, который использовался при подготовке урока: https://learn.javascript.ru/class #javascript #js #javascriptдляначинающих #урокjavascript #классыjavascript #class #oop #объектыjavascript #программирование #frontend #вебразработка