Ключевое слово this в JavaScript для начинающих • this в объектах и функциях

  Рет қаралды 1,561

Александр Ламков — Friendly Frontend

Александр Ламков — Friendly Frontend

Күн бұрын

✏️ Разбираемся с ключевым словом this.
🔴 Timeline:
▶ 00:00​ | Введение
▶ 00:22​ | Ключевое слово ‘this’
▶ 01:14​ | Контекст this в методах объекта
▶ 02:50​ | Контекст this в стрелочных функциях
▶ 03:19​ | Сокращенная запись метода объекта с сохранением контекста выполнения
▶ 03:44​ | Одинаковый this, разное значение
▶ 06:25​ | Задача: объект-калькулятор
▶ 10:56​ | Задача: цепь вызовов
▶ 14:11​ | Заключение
📚 Ссылки:
➖ Документация по JavaScript от MDN: developer.mozilla.org/ru/docs...
➖ Русскоязычный справочник по JavaScript Doka: doka.guide/js/
➖ Фундаментальный онлайн учебник по JavaScript: learn.javascript.ru/
➖ Задача "калькулятор": learn.javascript.ru/task/calc...
➖ Задача "цепь вызовов": learn.javascript.ru/task/chai...
💬 Чат в телеграмме (помощь новичкам):
t.me/friendlyFrontendChat
🔸 Boosty (поддержать канал):
boosty.to/friendly-frontend
🗂️ Бесплатные курсы на канале:
🟠 HTML: • HTML курс 2024
🔵 CSS: • CSS курс 2024
🟡 JS: • JavaScript курс 2024
🟢 A11y: • Accessibility курс 2024
⚪️ Мастер-класс по верстке для новичков: • Верстка Kropp Fitness ...
🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS): • Верстка Positivus (HTM...
🗺 Frontend Roadmap 2024 • Frontend Roadmap 2024 ...
📌 Автор:
➖ Личный сайт: aleksanderlamkov.ru/
➖ Telegram: t.me/friendlyFrontend
➖ Boosty: boosty.to/friendly-frontend
➖ GetMentor: getmentor.dev/mentor/aleksand...
➖ Solvery: solvery.io/mentor/aleksanderl...
#frontend #фронтенд #js #javascript

Пікірлер: 30
@AleksanderLamkov
@AleksanderLamkov 17 күн бұрын
📌 Друзья, в телеграмме у нас есть отдельный чат, где вы можете задать вопрос по фронтенд-разработке и вам постараются помочь: 💬 t.me/friendlyFrontendChat Если вам это интересно, присоединяйтесь, задавайте вопросы и помогайте другим 🙂
@DraginAnatoliy
@DraginAnatoliy 10 күн бұрын
Пожалуйста, не останавливайся, продолжай, очень много полезного и без воды
@Sozdanie_chat_botov
@Sozdanie_chat_botov 13 күн бұрын
Александр, отличная подача 👍 Все ясно-понятно
@S-craY
@S-craY 16 күн бұрын
Про return this не знал, спасибо, думаю когда-нибудь пригодится
@tanercoder1915
@tanercoder1915 17 күн бұрын
Качественный звук, видео, контент, все что нужно для успеха.
@user-jf2ui2qy1y
@user-jf2ui2qy1y 17 күн бұрын
Очень качественное видео, по моему мнению. Подача проста и доходчива для новичка
@user-te2ch4iy4t
@user-te2ch4iy4t 15 күн бұрын
Спасибо 👍
@biscvie
@biscvie 15 күн бұрын
Спасибо!
@user-rn6bx8pg4g
@user-rn6bx8pg4g 17 күн бұрын
Спасибо, всё понятно и интересно 💯
@miwanjaGR
@miwanjaGR 17 күн бұрын
14:49 минут пролетели с дичайшем удовольствием!
@smotritelyoutube
@smotritelyoutube 17 күн бұрын
Круто, очень нравятся вот такие темы, которые уже чуть по сложнее
@andreyboikov
@andreyboikov 13 күн бұрын
Пасиба ❤
@blnk5561
@blnk5561 17 күн бұрын
Отличное видео, не хотел бы ты записать видос про настройку webstorm?
@AleksanderLamkov
@AleksanderLamkov 17 күн бұрын
Привет! Спасибо за фидбек :) Да, я запишу про WS видео, но пока сосредоточен на курсе по JS и обучалке по DevTools.
@lawsonllka271
@lawsonllka271 17 күн бұрын
По typescript планируются уроки, хотя бы в общих чертах?
@AleksanderLamkov
@AleksanderLamkov 17 күн бұрын
Привет! Пока не думал об этом. Если и будут, то после React.
@biLLie_wiLLie
@biLLie_wiLLie 16 күн бұрын
Подскажите плиз как делали превью? С какой прогой или генератор?
@AleksanderLamkov
@AleksanderLamkov 16 күн бұрын
Привет! Мне дизайнер в фигме подготавливает шаблоны. Делает всё вручную.
@pobistrey
@pobistrey 14 күн бұрын
Kogda sleduushiy masterklass ?
@AleksanderLamkov
@AleksanderLamkov 14 күн бұрын
После курса по JS.
@pobistrey
@pobistrey 14 күн бұрын
@@AleksanderLamkov jdem!
@sartjhon3300
@sartjhon3300 17 күн бұрын
Можно было не использовать this?
@AleksanderLamkov
@AleksanderLamkov 17 күн бұрын
То есть? В местах использования внутри тела метода объекта?
@sartjhon3300
@sartjhon3300 17 күн бұрын
Внутри calculatot{} нельзя добавить новое свойство так: calculator.a= prompt....?
@AleksanderLamkov
@AleksanderLamkov 17 күн бұрын
Можно, но this в данном случае будет универсальнее что ли. Имя переменной, ссылающейся на объект, может быть любым, а вот this всегда покажет ссылку на объект, в рамках которого к нему обратились.
@pobistrey
@pobistrey 17 күн бұрын
Ждём православного паладина всея JS, который каленым железом будет выжигать безграмотность автора !
@AleksanderLamkov
@AleksanderLamkov 17 күн бұрын
А конкретные претензии будут?)
@AlexAlex-bp9il
@AlexAlex-bp9il 17 күн бұрын
@@AleksanderLamkov подождите немного, появится мурыч и будут претензии)), они у него всегда есть. Вчера смотрел его проповедь про this. Как обычно никто ничего не понимает +)
@AleksanderLamkov
@AleksanderLamkov 17 күн бұрын
Я не сомневаюсь, что претензии от него то уж будут 🥲 Да я и не против конструктивной критики. Просто хотелось услышать развернутый комментарий от зрителя выше 😅
@flowcsgo804
@flowcsgo804 17 күн бұрын
@@AleksanderLamkov не обращайте внимания, скорее всего очередной тролль))
Who Will Eat The Porridge First The Cockroach Or Me? 👧vs🪳
00:26
Giggle Jiggle
Рет қаралды 8 МЛН
The magical amulet of the cross! #clown #小丑 #shorts
00:54
好人小丑
Рет қаралды 24 МЛН
GADGETS VS HACKS || Random Useful Tools For your child #hacks #gadgets
00:35
FLIP FLOP Hacks
Рет қаралды 102 МЛН
Скуфы и альтушки в философии
12:41
Правое полушарие Интроверта
Рет қаралды 159 М.
Как долго учить фронтенд? Сколько учиться на фронтенд-разработчика?
7:40
Google, кажется, похоронила Dart и Flutter
5:10
Миша Ларченко
Рет қаралды 14 М.
Who Will Eat The Porridge First The Cockroach Or Me? 👧vs🪳
00:26
Giggle Jiggle
Рет қаралды 8 МЛН