ES6 #8 Классы (Class)

#YauhenK #webDev #ECMAScript #ES6
Всех приветствую в курсе «ES6».
В данном видео-курсе мы с вами рассмотрим все ключевые нововведения в стандарте ECMAScript 2015. Разберём практические примеры, а так же проведём аналогию стандартов ES6 и ES5. В своё время это было самое крупное и революционное обновление стандарта, которое добавило кучу новых возможностей начиная новыми способами объявления переменных и новым типом функций, заканчивая новым типом данных symbol, классами, итераторами и генераторами. Все эти фичи мы подробно изучим.
✒ Репозиторий курса:
✔ GitHub: github.com/Yau...
✒ Используемые ресурсы и инструменты:
✔ Atom (Редактор кода): atom.io/
✔ Node.js: nodejs.org/en/
✔ Browserify/Watchify: github.com/bro...
✔ NPM http-server: www.npmjs.com/...
✒ Полезные ссылки:
✔ Exploring ES6: exploringjs.com...
✔ Babel: babeljs.io/doc...
✒ Полезные курсы на канале:
✔ JavaScript: • JavaScript
✒ Полный список готовых и планируемых курсов:
✔ Trello: trello.com/b/R...
✒ Автор курса:
✔ KZbin: / yauhenkavalchuk
✔ Instagram: / yauhenkavalchuk
✔ Twitter: / yauhenkavalchuk
✔ VK: YauhenK...
✔ LinkedIn: / yauhenkavalchuk
✔ GitHub: github.com/Yau...
✔ VK (Группа): webdevcom
✒ Поддержать развитие канала: github.com/Yau...

[@MrDobro1214]

ты на столько крут, что нам в Яндекс практикуме скидывают твои видосы перед ДЗ по теме классов и ООП) Обнимаю.

[@YauhenKavalchuk]

Спасибо

[@Lokstar_Ugar]

лол, вот бы объясняли так что бы и видос не понадобился) В Хекслете нашел видос в обсуждениях ;D

[@user_with_params1286]

Спасибо вам большое! Я новичок, мало пока чего понимаю, но ваш канал - лучшее, что я для себя открыл)

[@РоманГирич-з5ш]

по поводу того что название геттера и сеттера не должны совпадать с названием свойства в конструкторе, это было новое для меня, и понял наконец почему в таких случаях пишут (защищенное) свойство начиная с подчеркивания . Благодарю!

[@YauhenKavalchuk]

Пожалуйста)

[@ilgul9177]

Очень доходчиво разъяснено.

[@YauhenKavalchuk]

Спасибо за отзыв

[@АннаАндреевна-ь1и]

Спасибо за крутые объяснения!

[@YauhenKavalchuk]

Спасибо за отзыв

[@truedivan]

Спасибо за урок, очень познавательно и подробно. Попытки произносить с акцентом немного режут слух. Как по мне лучше без акцента)

[@YauhenKavalchuk]

Как уж есть)

[@flogger2367]

А что мешает свойство static task сразу в класс?

[@singlebw4065]

Что мешает создать свойство в классе с префиксом static? У меня вроде всё работает.

[@YauhenKavalchuk]

👍

[@ШураБосс]

Отличный урок! Однозначно лайк!

[@YauhenKavalchuk]

Спасибо

[@SkarletSerhio]

9:35 Я правильно понимаю, что после переименования свойства isComplited нужно и в методе complited его переименовать, иначе у нас ничего не получится при выполнении данного метода класса?

[@YauhenKavalchuk]

Да, всё верно. Просто для примера этот метод не использовался, поэтому я не стал его трогать. Но суть вы уловили правильно!

[@andranikhambardzumyan6264]

Спасибо

[@YauhenKavalchuk]

Пожалуйста

[@zatoprosto103]

По идее, статику класса можно объявлять внутри конструктора.. Спасибо за уроки!

[@YauhenKavalchuk]

Пожалуйста

[@AnatoliiFedorchenko]

Хорошее видео. Единственное замечание, насчёт метода isComplited, принято чтобы мотоды начинающиеся с такого суффикса возвращали булево значение.

[@YauhenKavalchuk]

Да, согласен.

[@pauldudich]

ну так true и false чем тебе не булевое?

[@ДмитрийНормов-ю6ц]

Вы забыли указать ключевое слово "static"при создании статичного свойства. Это, пожалуй, ошибка. Не?

[@YauhenKavalchuk]

На момент записи курса - это не было ошибкой. Ключевое слово static появилось совсем недавно. Я даже не уверен, включено ли оно официально в стандарт на данный момент

[@singlebw4065]

Как кстате скрывать свойства не подскажете?

[@YauhenKavalchuk]

Замыкание

[@singlebw4065]

@@YauhenKavalchuk Ну как работает замыкание вроде бы мне известно, но чёт как его применить для сокрытия свойств чёт не понял. скажем есть у меня класс для рисования анимации кругов. Есть некоторые вычисления и записаны в свойства, как бы смысла их особо нет выводить. Просто появился интерес можно ли их скрыть и при этом чтобы метод экземпляра имел доступ к этим свойствам, но через console.dir не просматривались. class Circle { constructor(radius) { this.radius = radius; this.randWidth = Math.random() * canvas.width; this.randHeight = Math.random() * canvas.height; this.correctiondWidth = (this.randWidth < this.radius * 2) ? -this.radius : this.radius; this.correctionHeight = (this.randHeight < this.radius * 2) ? -this.radius : this.radius; this.x = this.randWidth - this.correctiondWidth; this.y = this.randHeight - this.correctionHeight; this.directionX = Math.random() * 1.5 this.directionY = Math.random() * 1.2 //вот 2 последних к примеру } animation(){ ... } }

[@v_sandz]

@@singlebw4065 возвращай объект с публичными свойствами/методами. А в контексте родителя уже описывай приватные свойства/методы

[@alexanderyinyang1436]

Спасибо за уроки. Поясни пожалуйста, на kzbin.info/www/bejne/eHK2oqiXrcaVldk обязательно внутри класса вызывать статический метод с указанием названия класса, или можно опустить?

[@YauhenKavalchuk]

Пожалуйста. Смотрите static говорит о том что свойство, или метод нужны только для внутреннй реализации какой-то логики. И рпи наследовании класса эти методы и свойства не наследуются. Поэтому смотрите сами, какая функциональность вам нужна.

[@alexanderyinyang1436]

@@YauhenKavalchuk а где здесь наследование? Внутри конструктора класса Task вызывается статический метод класса Task. Я просто думал, что внутри класса должны быть видны его методы

[@YauhenKavalchuk]

Иногда определённую реализацию функционала внутри класса прячут. Это распространённая практика

[@Venitch.]

не понял, зачем было называть геттер как входящую переменную - это же привело к путанице... get taskIsCompleted() {...}; -- явно понятнее...

[@YauhenKavalchuk]

Согласен

[@TheKirk1989]

а почему не static counter? И почему бы не объяснить что значит этот static? Почему все объясняют эти классы в отрыве от ДО ЕС6 JS? это типо заговор? Это же тупо сахар для тех, кто хочет чтобы было более похоже на другие языки, и тот-же static это тупо function MyClass ( ) { }; MyClass.staticProp = . . . ; ( присваивание объекту функции "типа конструктора" статического свойства и всё . . . ) но мало того, что даже это не казано, так у нас ещё и Task.counter. . Прям заговор какой-то мать его, или объясняющие сами не знают на что обращать внимание при объяснении! А это кардинально важно, если ты изучил обычное ес5 прототипное наследование, то наверное ПЕРВОЕ что нужно, это методом сравнения преподносить новый материал? ( ведь повторюсь снова ес6 синтаксис это вссеееееггооо лишь САХАААР ) Или в коричневых потоках комментов в духе " о боже, это лучеее обяснение " забывается главная цель сего действия на ютубе?

[@AlexanderYukal]

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

[@РоманГирич-з5ш]

так исторически сложилось ранее ) как уже говорилось в видео, что классы это просто сахар, при переводе в ЕС5 это все функции =)

[@YauhenKavalchuk]

¯\ _(ツ)_/¯

[@compot8279]

что -_-,

[@YauhenKavalchuk]

?

[@uzurbatya]

ты што, тоже англичанином заделался? Когда ж вы поймете, как убого вы звучите со своими "джауашкрипт" и "часк"

[@YauhenKavalchuk]

Не так убого, как подобного рода комментарии