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

2024 ж. 16 Мам.
1 508 Рет қаралды

✏️ Разбираемся с ключевым словом 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

Пікірлер
  • 📌 Друзья, в телеграмме у нас есть отдельный чат, где вы можете задать вопрос по фронтенд-разработке и вам постараются помочь: 💬 t.me/friendlyFrontendChat Если вам это интересно, присоединяйтесь, задавайте вопросы и помогайте другим 🙂

    @AleksanderLamkov@AleksanderLamkov14 күн бұрын
  • Пожалуйста, не останавливайся, продолжай, очень много полезного и без воды

    @DraginAnatoliy@DraginAnatoliy7 күн бұрын
  • Про return this не знал, спасибо, думаю когда-нибудь пригодится

    @S-craY@S-craY13 күн бұрын
  • Александр, отличная подача 👍 Все ясно-понятно

    @Sozdanie_chat_botov@Sozdanie_chat_botov10 күн бұрын
  • Качественный звук, видео, контент, все что нужно для успеха.

    @tanercoder1915@tanercoder191514 күн бұрын
  • Очень качественное видео, по моему мнению. Подача проста и доходчива для новичка

    @user-jf2ui2qy1y@user-jf2ui2qy1y14 күн бұрын
  • Спасибо, всё понятно и интересно 💯

    @user-rn6bx8pg4g@user-rn6bx8pg4g14 күн бұрын
  • Спасибо 👍

    @user-te2ch4iy4t@user-te2ch4iy4t12 күн бұрын
  • 14:49 минут пролетели с дичайшем удовольствием!

    @miwanjaGR@miwanjaGR14 күн бұрын
  • Спасибо!

    @biscvie@biscvie12 күн бұрын
  • Круто, очень нравятся вот такие темы, которые уже чуть по сложнее

    @smotritelyoutube@smotritelyoutube14 күн бұрын
  • Пасиба ❤

    @andreyboikov@andreyboikov10 күн бұрын
  • Отличное видео, не хотел бы ты записать видос про настройку webstorm?

    @blnk5561@blnk556114 күн бұрын
    • Привет! Спасибо за фидбек :) Да, я запишу про WS видео, но пока сосредоточен на курсе по JS и обучалке по DevTools.

      @AleksanderLamkov@AleksanderLamkov14 күн бұрын
  • Подскажите плиз как делали превью? С какой прогой или генератор?

    @biLLie_wiLLie@biLLie_wiLLie13 күн бұрын
    • Привет! Мне дизайнер в фигме подготавливает шаблоны. Делает всё вручную.

      @AleksanderLamkov@AleksanderLamkov13 күн бұрын
  • По typescript планируются уроки, хотя бы в общих чертах?

    @lawsonllka271@lawsonllka27114 күн бұрын
    • Привет! Пока не думал об этом. Если и будут, то после React.

      @AleksanderLamkov@AleksanderLamkov14 күн бұрын
  • Kogda sleduushiy masterklass ?

    @pobistrey@pobistrey11 күн бұрын
    • После курса по JS.

      @AleksanderLamkov@AleksanderLamkov11 күн бұрын
    • @@AleksanderLamkov jdem!

      @pobistrey@pobistrey11 күн бұрын
  • Можно было не использовать this?

    @sartjhon3300@sartjhon330014 күн бұрын
    • То есть? В местах использования внутри тела метода объекта?

      @AleksanderLamkov@AleksanderLamkov14 күн бұрын
    • Внутри calculatot{} нельзя добавить новое свойство так: calculator.a= prompt....?

      @sartjhon3300@sartjhon330014 күн бұрын
    • Можно, но this в данном случае будет универсальнее что ли. Имя переменной, ссылающейся на объект, может быть любым, а вот this всегда покажет ссылку на объект, в рамках которого к нему обратились.

      @AleksanderLamkov@AleksanderLamkov14 күн бұрын
  • Ждём православного паладина всея JS, который каленым железом будет выжигать безграмотность автора !

    @pobistrey@pobistrey14 күн бұрын
    • А конкретные претензии будут?)

      @AleksanderLamkov@AleksanderLamkov14 күн бұрын
    • @@AleksanderLamkov подождите немного, появится мурыч и будут претензии)), они у него всегда есть. Вчера смотрел его проповедь про this. Как обычно никто ничего не понимает +)

      @AlexAlex-bp9il@AlexAlex-bp9il14 күн бұрын
    • Я не сомневаюсь, что претензии от него то уж будут 🥲 Да я и не против конструктивной критики. Просто хотелось услышать развернутый комментарий от зрителя выше 😅

      @AleksanderLamkov@AleksanderLamkov14 күн бұрын
    • @@AleksanderLamkov не обращайте внимания, скорее всего очередной тролль))

      @flowcsgo804@flowcsgo80414 күн бұрын
KZhead