JS введение в ООП

Это первая часть про ООП в JS, или Объектно Ориентированное Программирования, в ней вы изучите основные принципы ООП в JavaScript.

Для тех кто не знает что такое ООП, это когда при программирование используются классы и объекты, но об этом всё ниже.

Классы и объекты:

Перед тем как работать с классами и объектам в JS, рассмотрим что это вообще такое.

Если кратко говоря, класс можно сравнить с машиной, то есть класс продукта машина, без марок, без заданных других параметров, тогда как автомобиль мерседес уже можно считать объектом класса машина, так как, у него есть марка другие заданные параметры.

Также класс принято считать типом данных, как числа и строки, но которые создаёт сам программист, а объект соответственно значением этого типа.

JavaScript классы и объекты:

Для начала покажу в JavaScript создание классов, для этого есть два способа, виде функции и через ключевое слова класс, рассмотрим их обоих.

Тут в начале создаём класс виде функции, внутри делаем метод showMarka() для отображение сообщения, в котором будет написано название машины, его назначаем во время объявление класса, через ключевое слово new,  после вызываем метод, что такое метод, будет чуть ниже.

Вот что должно получится:

принципы ооп javascript

Вот пример с ключевым словом class.

Как видите всё плюс/минус одинаково, единственное появился constructor, но о нём следующей части, в этой сейчас разберём различия если использовать ключевое слово class.

  • Обязательно при объявление нужно использовать слово new;
  • Класс с точки зрения ведёт себя как видимости ведёт себя как let;
  • Все методы работают в режиме use strict, даже если вы его не указали;
  • У каждого метода есть родитель;
  • Нельзя перечислить методы через for in;

Еще стоит сказать, что такой тип создание класса, ещё называют сахар, так как, всё тоже самое можно делать через функцию, тут всё на ваше усмотрение.

JS методы и свойства:

Теперь что такое в JavaScript объекты методы и свойства, первое, это можно сказать функции класса, или действие которое может делать объект, а свойства, это переменные, которые влияют на работу методов.

Свойства как провела объявляются в конструкторе класса, методы же вне конструктора, а внутри класс.

Примечание:

Если вы не можете понять как это выглядит, то посмотрите второй пример, где показывается создание класса через class.

Также если вы используете для объявления функцию, то методы можно создавать через ключевое слово prototype, или прототип как называют на русском, но об этом в другой раз.

Вывод:

Это не очень большая часть, так как, про классы и объекты в JS особо нечего сказать, здесь были показаны только основные принципы ООП JavaScript.

Подписываетесь на соц-сети:

Оценка:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд
(Пока оценок нет)
Загрузка...

Поделится:

Дополнительно: