ES6 #13. Все о Классах в Javascript (+ Примеры + Сравнение c Прототипами)

Просмотров 29 тыс.

% 1 063

Мой Telegram: t.me/stackdevru
В этом видео мы разберемся, как работают Классы (ES6 Classes), которые появились в редакции Javascript ES6. Посмотрим, зачем они нужны и чем отличаются от использования Прототипов.
В объектно-ориентированном программировании класс - это расширяемый шаблон кода для создания объектов, который устанавливает в них начальные значения (свойства) и реализацию поведения (методы).
Плейлист курса ES6: ru-vid.com/group/PLtL3lrXPn2rVW98_5Rx0SzPPLXPqGXIWp
Мои Курсы:
Gatsby JS (полный курс): gatsbyjs.ru
React для начинающих: react001.ru
Все мои курсы (+ исходные файлы): stackdev.ru
Подписывайся на соц сети:
Telegram: t.me/stackdevru
VK: vasilymur
Instagram: vm_online
Мой блог о веб-разработке: stackdev.blog

Опубликовано:

26 янв 2021

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 67

@konglomora227 2 года назад

Так просто мне еще никто ничего в js не объяснял))) Спасибо!

@stackdev 2 года назад

Спасибо!

@alexmarkitan2875 Год назад

@@stackdev да, ты очень крутой мужик!

@sony1939 13 дней назад

Ваот это супер пример! Благодарность (heart heart love)

@TheTemnbli 2 года назад

Хорошо воспринимается информацию. Понятный пример с разбором от куда что берёт и зачем. Хорошая речь, приятно слушать.

@stackdev 2 года назад

Спасибо за коммент!

@Albert_Hall Год назад

Очень нравится мне подача. ПЕриодически возвращаюсь именно на этот канал для освежения в голове искомого материала. Процветания каналу! Благодарю! ☘🌏

@stackdev Год назад

Очень приятно! спасибо)

@lowmikow1099 25 дней назад

Огромное спасибо за такое понятное объяснение!)

@NailIsmailov 2 года назад

Спасибо за видео. Отличное обьяснение сложных вещей легкими словами и интересными примерами!

@stackdev 2 года назад

Спасибо!

@dimka3628 2 года назад

Лучшее объяснение, что я видел!Спасибо, автор, большое !

@stackdev 2 года назад

Спасибо!

@Max-kr4ie 2 года назад

@@stackdev а есть практика по классам ? а то мало где найти можно.

@stackdev 2 года назад

@@Max-kr4ie Конечно: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-50cdak-NxQg.html

@alluresport3552 Год назад

Зашел на learnJs почитал немного, что-то понял, что-то понял довольно поверхностно, но четкого понимания некоторых фундаментальных вещей не было, после видео почувствовал что прозрел, спасибо автору

@veronikam1882 Год назад

Тоже с этого сайта. Жаль конечно что про миксины не рассказал

@bezbezov8867 2 года назад

Спасибо большое! Очень доходчиво и голос как у профессионального диктора!

@stackdev 2 года назад

Спасибо!

@prorevalution9522 Год назад

Очень внятно объясняет ,,,👍👍👍

@stackdev Год назад

Спасибо!

@Sasha_channel_ Год назад

Очень помогли в разборе этой темы, спасибо 👍

@barchaan Год назад

вторая часть видоса топ

@user-po6ke5lq5i 2 года назад

Прекрасное объяснение! Спасибо!!!

@stackdev 2 года назад

Спасибо!

@user-fl2qf6ye4b Год назад

спасибо! ваше видео очень помогло мне в понимании этой темы!

@stackdev Год назад

Спасибо!

@user-hh2gw3sp2g 2 года назад

Спасибо за видео. Отличная подача, как и другие уроки!!!

@stackdev 2 года назад

Спасибо!

@dez1ess Год назад

Спасибо за ваши видео

@user-jm7dy8ks7w Год назад

Всё предельно понятно. Спасибо за видео

@stackdev Год назад

Спасибо!

@cjmine8131 Год назад

Спасибо за очень доступное объяснение

@stackdev Год назад

Спасибо!

@truedivan 2 года назад

Превосходно, спасибо!

@stackdev 2 года назад

Спасибо за поддержку!

@veronikam1882 Год назад

Информация подана понятно, особенно для новичков

@stackdev Год назад

Спасибо!

@nikolaizarezako9344 2 года назад

Спасибо. Не плохое объяснение.

@stackdev 2 года назад

Спасибо!

@user-ff8xi8dt7i 2 года назад

Супер!

@olga_ua 2 года назад

спасибо и за это видео в том числе )

@stackdev 2 года назад

Спасибо за поддержку!

@duoduoo6732 Год назад

до ES6 как делали наследование или не делали? через замыкания?

@user-mb7kp1bl4w 3 года назад

15:03 Момент, когда в методах мы прописываем конструкцию return Так ли это важно - возвращать из метода обновлённое свойство? Перефразирую: когда мы пишем метод, который как-либо изменяет значение свойства , всегда ли нужно возвращать из метода обновлённое свойство?

@stackdev 3 года назад

Если говорить вообще о функциях, то обычно подразумевается - что эта функция что-то сделает с нашими данными - и мы получим в return эти обновленные данные (она возвратит обновленные данные). Теоретически можно ничего не возвращать - но тогда нам возвратится значение undefined.

@userman6193 Год назад

У вас есть свои курсы? Если нет, то стоило бы задуматься над их созданием! У вас отлично получается, Василий! Спасибо!

@stackdev Год назад

Спасибо! все курсы на stackdev.ru

@diamaxel 2 года назад

Большое спасибо, очень качественно Хотел спросить, метод constructer обязателен? Если допустим я хочу создать класс без свойств, могу ли я не писать этот метод? И получается метод now у класса Date и есть статический метод? насколько я понимаю метод now нелязя вызвать у экземпляра

@galievramil1169 2 года назад

2 Верно 1 Конечно можно, можно класс делатьтолько из методов, даже не объявляя конструктор, или сделать его пустым!

@nouchance 3 года назад

Спасибо большое! Хотел спросить : Для чего нужны фигурные скобки при обявлении переменной? пример : const { Router } = 'express';

@user-gn5rr6rt1r 3 года назад

это похоже на деструктуризацию объекта, только с правой стороны не строка должна быть, а именно объект, у которого будет свойство Router, тогда вместо const router = express.router; упрощенно пишут const { router } = express;

@stackdev 3 года назад

Это деструктуризация - то есть можно написать const router = express.router, а можно const { router } = express. У меня есть видео с примерами - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-q1WBrR_yWd0.html&t

@dmitripolevoi4473 2 года назад

Экземпляры объекта или класса?

@user-tc6pi1nc2r Год назад

@ok_kov 2 года назад

а мне вот интересно практическое применение классов. Где это можно применить при создании сайта?

@stackdev 2 года назад

Вот пример: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-50cdak-NxQg.html

@janedoe6182 Год назад

JS без JSDoc-аннотаций, по моему, слабо пригоден для чего либо сложнее хелло-ворлда. Аннотации немного исправляют дело.

@vorisxonsobirov6636 10 месяцев назад

привет можно вопрос твой дедушка был муравьем? 🤣

@user-hp2xs9qu6g Год назад

скиньте расцветку кода как такую же сделать в вс коде ))))0

@stackdev Год назад

Тема называется Dracula)

@user-js9rz9lj4w 10 месяцев назад

Бесполезный урок. Создавать машинки и заправлять их конечно увлекательно. Но для чего в принципе нужны классы, объекты, наследование и как с этим всем работать - это тема отдельного большого курса или двух. Причём, курса без лайв-кодинга, а с подготовленными примерами.

@GPTalksZone 2 года назад

zapravka?? серьёзно? не позорься!

@stackdev 2 года назад

А как правильно?

@GPTalksZone 2 года назад

@@stackdev ну refill хотя-бы. я к тому что ты же людей учишь изначально показывая самый плохой пример задавая названия переменных в транслитерации.

@stackdev 2 года назад

@@GPTalksZone правильно !:)

@pupizoid100 Год назад

Cпасибо за такие уроки. Можете подсказать, а как реализовать ограничение на заправку бака?. Я попробовал так getGas(amount) { const totalGas = this.gasTank.length + amount; if (totalGas > 100) { throw new Error("Gas tank is already full."); } for (let i = 0; i < amount; i++) { this.gasTank.push(i); } const stamp = Date.now(); const time = new Date(stamp); this.zapravka.push(time.toString()); return this.gasTank; } Но что то не то