Что такое класс?
Часть раздела Объектно-ориентированное программирование путешествия по JavaScript на Coddy — урок 11 из 56.
Класс в JavaScript — это чертеж для создания объектов с заранее определенными свойствами и методами. Классы были введены в ES6 и обеспечивают более чистый и интуитивно понятный синтаксис для создания объектов и работы с наследованием.
Определите простой класс:
class Person {
constructor(name, age) {
this.name = name;
this.age = age;
}
}Метод constructor — это специальный метод, который вызывается при создании объекта из класса.
Создайте экземпляр класса:
const john = new Person("John", 25);Доступ к свойствам созданного объекта:
console.log(john.name); // Вывод: "John"
console.log(john.age); // Вывод: 25
Задание
Создайте класс с именем Car с конструктором, который принимает два параметра: make и model. Конструктор должен установить эти значения в качестве свойств объекта.
Шпаргалка
Класс — это шаблон для создания объектов с заранее определенными свойствами и методами.
Определите класс с конструктором:
class Person {
constructor(name, age) {
this.name = name;
this.age = age;
}
}Метод constructor вызывается при создании объекта на основе класса.
Создайте экземпляр класса:
const john = new Person("John", 25);Доступ к свойствам объекта:
console.log(john.name); // Вывод: "John"
console.log(john.age); // Вывод: 25Попробуйте сами
// TODO: Создайте класс с именем Car
// TODO: Добавьте конструктор, который принимает два параметра: make и model
// TODO: Установите эти значения (make и model) как свойства объекта
// Не изменяйте код ниже
const make = inp[0];
const model = inp[1];
const car = new Car(make, model);
console.log(car.make)
console.log(car.model)
Проверьте себяВ этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Объектно-ориентированное программирование
1Объекты и ключевое слово this
Краткий обзор: ОбъектыДобавление методов в объектыПонимание ключевого слова thisФункции-конструкторыКлючевое слово newИтоговое испытание7Наследование и ключевое слово extends
НаследованиеОтношение «is-a»Ключевое слово extendsМетод super()Наследование свойств и методовИтоговое испытание10Полиморфизм
Что такое полиморфизм?Переопределение унаследованных методовИспользование superИтоговое задание13Композиция против наследования
Отношения «has-a» и «is-a»Ограничения глубокого наследованияСоздание объектов2Организация кода
Что такое модули?Экспорт с помощью exportИмпорт с помощью importDefault против именованных экспортов5Инкапсуляция и доступ
ИнкапсуляцияПубличные и приватные поля классовПриватные методыЗадание на повторение8Организация кода ООП
Организация классов в модули11Проект: Отрисовщик фигур
Настройка: Класс Shape и экспортНаследование класса Circle
Переопределение и метод AreaСтатический счетчик фигур14Система управления библиотекой
Проектирование библиотекиКласс Book с использованием композицииВалидация автора книги6Проект: Простой банковский счет
Класс BankAccountПополнение и снятие средствБаланс как приватное поле9Статические методы и свойства
Уровень класса против уровня экземпляраСтатические свойстваСтатические вспомогательные методыЗадание на закрепление