ES6 #13. Все о Классах в Javascript (+ Примеры + Сравнение c Прототипами)
HTML-код
- Опубликовано: 25 янв 2021
- Мой Telegram: t.me/stackdevru
В этом видео мы разберемся, как работают Классы (ES6 Classes), которые появились в редакции Javascript ES6. Посмотрим, зачем они нужны и чем отличаются от использования Прототипов.
В объектно-ориентированном программировании класс - это расширяемый шаблон кода для создания объектов, который устанавливает в них начальные значения (свойства) и реализацию поведения (методы).
Плейлист курса ES6: • ES6 - Все Новые Фичи в...
Мои Курсы:
Gatsby JS (полный курс): gatsbyjs.ru
React для начинающих: react001.ru
Все мои курсы (+ исходные файлы): stackdev.ru
Подписывайся на соц сети:
Telegram: t.me/stackdevru
VK: vasilymur
Instagram: / vm_online
Мой блог о веб-разработке: stackdev.blog
Так просто мне еще никто ничего в js не объяснял))) Спасибо!
Спасибо!
@@stackdev да, ты очень крутой мужик!
Ваот это супер пример! Благодарность (heart heart love)
Хорошо воспринимается информацию. Понятный пример с разбором от куда что берёт и зачем. Хорошая речь, приятно слушать.
Спасибо за коммент!
Очень нравится мне подача. ПЕриодически возвращаюсь именно на этот канал для освежения в голове искомого материала. Процветания каналу! Благодарю!
☘🌏
Очень приятно! спасибо)
Спасибо за видео. Отличное обьяснение сложных вещей легкими словами и интересными примерами!
Спасибо!
Огромное спасибо за такое понятное объяснение!)
Лучшее объяснение, что я видел!Спасибо, автор, большое !
Спасибо!
@@stackdev а есть практика по классам ? а то мало где найти можно.
@@Max-kr4ie Конечно: ruclips.net/video/50cdak-NxQg/видео.html
Спасибо за видео. Отличная подача, как и другие уроки!!!
Спасибо!
Спасибо большое! Очень доходчиво и голос как у профессионального диктора!
Спасибо!
Очень помогли в разборе этой темы, спасибо 👍
Прекрасное объяснение! Спасибо!!!
Спасибо!
Очень внятно объясняет ,,,👍👍👍
Спасибо!
Зашел на learnJs почитал немного, что-то понял, что-то понял довольно поверхностно, но четкого понимания некоторых фундаментальных вещей не было, после видео почувствовал что прозрел, спасибо автору
Тоже с этого сайта. Жаль конечно что про миксины не рассказал
спасибо! ваше видео очень помогло мне в понимании этой темы!
Спасибо!
Превосходно, спасибо!
Спасибо за поддержку!
Спасибо за ваши видео
вторая часть видоса топ
Всё предельно понятно. Спасибо за видео
Спасибо!
Спасибо за очень доступное объяснение
Спасибо!
спасибо и за это видео в том числе )
Спасибо за поддержку!
Супер!
Информация подана понятно, особенно для новичков
Спасибо!
Спасибо. Не плохое объяснение.
Спасибо!
до ES6 как делали наследование или не делали? через замыкания?
У вас есть свои курсы? Если нет, то стоило бы задуматься над их созданием! У вас отлично получается, Василий! Спасибо!
Спасибо! все курсы на stackdev.ru
Большое спасибо, очень качественно
Хотел спросить, метод constructer обязателен? Если допустим я хочу создать класс без свойств, могу ли я не писать этот метод?
И получается метод now у класса Date и есть статический метод? насколько я понимаю метод now нелязя вызвать у экземпляра
2 Верно
1 Конечно можно, можно класс делатьтолько из методов, даже не объявляя конструктор, или сделать его пустым!
15:03 Момент, когда в методах мы прописываем конструкцию return
Так ли это важно - возвращать из метода обновлённое свойство?
Перефразирую: когда мы пишем метод, который как-либо изменяет значение свойства , всегда ли нужно возвращать из метода обновлённое свойство?
Если говорить вообще о функциях, то обычно подразумевается - что эта функция что-то сделает с нашими данными - и мы получим в return эти обновленные данные (она возвратит обновленные данные). Теоретически можно ничего не возвращать - но тогда нам возвратится значение undefined.
Экземпляры объекта или класса?
Спасибо большое! Хотел спросить : Для чего нужны фигурные скобки при обявлении переменной? пример : const { Router } = 'express';
это похоже на деструктуризацию объекта, только с правой стороны не строка должна быть, а именно объект, у которого будет свойство Router, тогда вместо const router = express.router; упрощенно пишут const { router } = express;
Это деструктуризация - то есть можно написать const router = express.router, а можно const { router } = express. У меня есть видео с примерами - ruclips.net/video/q1WBrR_yWd0/видео.html&t
like
а мне вот интересно практическое применение классов. Где это можно применить при создании сайта?
Вот пример: ruclips.net/video/50cdak-NxQg/видео.html
JS без JSDoc-аннотаций, по моему, слабо пригоден для чего либо сложнее хелло-ворлда. Аннотации немного исправляют дело.
привет можно вопрос твой дедушка был муравьем?
🤣
скиньте расцветку кода как такую же сделать в вс коде ))))0
Тема называется Dracula)
Хорошо объясняете, но жаль что только для мужчин. Очень непонятно слушать про машины. Тут в js надо разобраться, а приходится слушать про какие-то баки, литры, автопарковка... Уверена что можно найти какой-то более нормальный универсальный пример
Бесполезный урок. Создавать машинки и заправлять их конечно увлекательно. Но для чего в принципе нужны классы, объекты, наследование и как с этим всем работать - это тема отдельного большого курса или двух. Причём, курса без лайв-кодинга, а с подготовленными примерами.
zapravka?? серьёзно? не позорься!
А как правильно?
@@stackdev ну refill хотя-бы. я к тому что ты же людей учишь изначально показывая самый плохой пример задавая названия переменных в транслитерации.
@@GPTalksZone правильно !:)
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;
}
Но что то не то