ES6 #2 - Стрелочные функции (Arrow Functions) - когда лучше использовать

Подписаться 21 тыс.

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

50% 1

Плейлист курса ES6: • ES6 #1. Let, Const и V...
Мой Telegram: t.me/stackdevru
В этом видео мы разберемся, как работают стрелочные функции (arrow functions), которые появились в редакции Javascript ES6.
Мы также разберемся - когда использовать обычные, а не стрелочные функции. Если кратко, то стрелочные функции используются, когда не требуется собственное значение this в контексте функции.
Мои курсы:
Gatsby JS (полный курс): gatsbyjs.ru
Мой курс React: react001.ru
Все мои курсы (+ исходные файлы): stackdev.ru
Подписывайся на соц сети:
Telegram: t.me/stackdevru
VK: vasilymur
Instagram: / vm_online
Мой блог о веб-разработке: stackdev.blog

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

17 янв 2021

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@user-jb6bj4xz2b 4 месяца назад

Лаконично, понятно, наглядно и строго на заданную тему. Спасибо, все бы так умели.

@webweekdays Год назад

Как же всё понятно объясняется. Голос тоже приятный, то бывает открываешь урок, а человек говорит так, будто он сейчас умрёт. Данное видео - готовый конспект. Спасибо автору!

@stackdev Год назад

Спасибо!

@alexandr9002 2 месяца назад

Смотрится на одном дыхании, и наконец то хоть кто-то сравнил прям на лету превращение обычной в стрелочную. Я очень рад что нашел толковое видео ))

@stackdev 2 месяца назад

Спасибо!

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

Кратко четко и ясно, спасибо тебе, без лишних понтов и всякой фигни

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

Спасибо!

@risenfrost5237 Год назад

Очень круто и кратко всё объяснил, спасибо.

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

Огромное спасибо за видео-урок! Очень помогло 🥰

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

Спасибо!

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

Блин, я забыл колокольчик поставить😃

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

Однозначно лайк, потому что все очень кратко и лаконично. Самая суть для новичков

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

Спасибо!

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

Василий однозначно крут!

@stackdev Год назад

Спасибо!

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

Спасибо. Мне помогло разобраться

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

сПаСиБо бОлЬшОе!

@user-xy7cx1kv6c 11 месяцев назад

Вау Спасибо огромное!

@stackdev 11 месяцев назад

Спасибо!

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

Отличный урок.

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

Спасибо!

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

Правильно я понял: Если внутри обработчика с функцией(обычной) будет создана обычная функция то её контекст будет window ? А если внутри будет стрелочная функция, то контекстом вызова будет объект на который повесили обработчик?

@igorek9191 16 дней назад

Спасибо конечно за объяснение, но для меня логика не понятна. Почему для header.addEvetListener стрелочная функция имеет глобальный контекст window, а для обычной функции уже контекст будет переменная header...?

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

Только запутал

@Arch_Demon3 Год назад

почему так происходит, потому что новая функция не связывается с DOM, а родительская функция связывается с помощью обработчика события click

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

const newPost = (post, addedAt = Date()) => ({ ...post, addedAt, }) const firstPost = { id: 1, author: 'Nick', } console.log(newPost(firstPost)) А как произвести явный возврат обьекта в таком случае? не могу понять, где здесь тогда писать return, если убрать скобки перед фигурными