ES6 #13. Все о Классах в Javascript (+ Примеры + Сравнение c Прототипами)
ฝัง
- เผยแพร่เมื่อ 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 Конечно: th-cam.com/video/50cdak-NxQg/w-d-xo.html
Очень помогли в разборе этой темы, спасибо 👍
вторая часть видоса топ
Спасибо большое! Очень доходчиво и голос как у профессионального диктора!
Спасибо!
Очень внятно объясняет ,,,👍👍👍
Спасибо!
Спасибо за видео. Отличная подача, как и другие уроки!!!
Спасибо!
Прекрасное объяснение! Спасибо!!!
Спасибо!
Спасибо за ваши видео
спасибо! ваше видео очень помогло мне в понимании этой темы!
Спасибо!
Зашел на learnJs почитал немного, что-то понял, что-то понял довольно поверхностно, но четкого понимания некоторых фундаментальных вещей не было, после видео почувствовал что прозрел, спасибо автору
Тоже с этого сайта. Жаль конечно что про миксины не рассказал
Всё предельно понятно. Спасибо за видео
Спасибо!
Превосходно, спасибо!
Спасибо за поддержку!
Спасибо за очень доступное объяснение
Спасибо!
спасибо и за это видео в том числе )
Спасибо за поддержку!
Спасибо. Не плохое объяснение.
Спасибо!
Супер!
Информация подана понятно, особенно для новичков
Спасибо!
У вас есть свои курсы? Если нет, то стоило бы задуматься над их созданием! У вас отлично получается, Василий! Спасибо!
Спасибо! все курсы на stackdev.ru
Большое спасибо, очень качественно
Хотел спросить, метод constructer обязателен? Если допустим я хочу создать класс без свойств, могу ли я не писать этот метод?
И получается метод now у класса Date и есть статический метод? насколько я понимаю метод now нелязя вызвать у экземпляра
2 Верно
1 Конечно можно, можно класс делатьтолько из методов, даже не объявляя конструктор, или сделать его пустым!
15:03 Момент, когда в методах мы прописываем конструкцию return
Так ли это важно - возвращать из метода обновлённое свойство?
Перефразирую: когда мы пишем метод, который как-либо изменяет значение свойства , всегда ли нужно возвращать из метода обновлённое свойство?
Если говорить вообще о функциях, то обычно подразумевается - что эта функция что-то сделает с нашими данными - и мы получим в return эти обновленные данные (она возвратит обновленные данные). Теоретически можно ничего не возвращать - но тогда нам возвратится значение undefined.
до ES6 как делали наследование или не делали? через замыкания?
Спасибо большое! Хотел спросить : Для чего нужны фигурные скобки при обявлении переменной? пример : const { Router } = 'express';
это похоже на деструктуризацию объекта, только с правой стороны не строка должна быть, а именно объект, у которого будет свойство Router, тогда вместо const router = express.router; упрощенно пишут const { router } = express;
Это деструктуризация - то есть можно написать const router = express.router, а можно const { router } = express. У меня есть видео с примерами - th-cam.com/video/q1WBrR_yWd0/w-d-xo.html&t
Экземпляры объекта или класса?
а мне вот интересно практическое применение классов. Где это можно применить при создании сайта?
Вот пример: th-cam.com/video/50cdak-NxQg/w-d-xo.html
like
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;
}
Но что то не то