ES6 #5 Стрелочные функции (Arrow function)

#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...

[@dmitrijponkin]

Отличная подача материала: просто и понятно и при этом - максимальная концентрация информации! Огромное спасибо, за Ваш труд! Успехов, развития и процветания!

[@YauhenKavalchuk]

Спасибо большое за ваш отзыв!

[@PhilippeRigovanov]

Спасибо, наконец-то я с новым синтаксисом начал разбираться благодаря этим видео-урокам. Отдельное спасибо за ссылку на код на гитхабе.

[@YauhenKavalchuk]

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

[@vladyslavborysov5371]

Спасибо. Очень доходчиво!

[@YauhenKavalchuk]

И вам спасибо за отзыв!

[@odinokun]

Спасибо за урок.

[@YauhenKavalchuk]

Пожалуйста!

[@yjohn2518]

Спасибо большое. Так держать!

[@YauhenKavalchuk]

И вам спасибо за отзыв!

[@ШураБосс]

Круто, Спасибо Вам Огромное!

[@YauhenKavalchuk]

Спасибо и вам за обратную связь

[@denyssamsonov9369]

Круто!

[@SweettyDavid]

Жека красава!!!

[@YauhenKavalchuk]

Благодарю

[@SweettyDavid]

Я посмотрел пару уроков и понял что this.isGreat(lessons)

[@SweettyDavid]

Что сейчас пишите, если не секрет?(проект)

[@anazkomult]

Спасибо!

[@YauhenKavalchuk]

Пожалуйста

[@novichok3417]

8:28 оговорка . Не где вызваны А берут контекст где объявлены

[@YauhenKavalchuk]

👍

[@kotevidze]

Было бы интересно послушать видео про this, он взаимосвязан со стрелочными функциями, но до сих пор не очень понятен.

[@YauhenKavalchuk]

Про this можно послушать в плейлисте по JavaScript

[@flockast]

Присваивание контекста переменной _this это замыкание??

[@YauhenKavalchuk]

Нет, это одна из составляющих замыкания. Замыкание - это функция со всеми внешними переменными, которые ей доступны. Но иногда, говоря про замыкание, имеют ввиду только внешние переменные

[@singlebw4065]

Это видимо тот случай когда стрелочная функция не работает в new. По какой то причине теряет контекст function sayHello3(name, family, age){ this.name = name, this.family = family, this.age = age }; sayHello3.prototype.myMethod = () => { console.dir(`Привет ${this.name} ${this.family} ${this.age}`); } // если воспользоваться function то нормально let pers3 = new sayHello3('Вася', 'Пупкин', 35); pers3.myMethod() //результат Привет () => { console.dir(arguments); } undefined undefined

[@singlebw4065]

Когда не спал всю ночь самое время смотреть сначала на тёмный фон потом резко на белый, потом снова тёмный и снова белый)) Пытка какая-то. В остальном претензий нет. Вот на Google Chrome есть расширение под тёмную консоль DevTools Theme: Zero Dark Matrix 3.0.6.

[@YauhenKavalchuk]

В новых курсах включена тёмная тема

[@jenyaspace]

что означает иногда вижу такой синтаксис функций в 2 стрелки? () => dsfs => {}

[@YauhenKavalchuk]

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

[@KivanV]

@@YauhenKavalchuk а случаем не на оборот? результат второй (последней с правого края) функции, в левую функцию?

[@TheKirk1989]

А что означает синтаксис $ { . . . } ?

[@YauhenKavalchuk]

Это template string

[@turboGadjet]

Не дефолтные значения, а значения по-умолчанию.

[@YauhenKavalchuk]

А можно уточнить в чём разница?