Полный разбор THIS в JavaScript за 26 минут | this в стрелочных функциях, call bind apply, Window

Sdílet
Vložit
  • čas přidán 14. 05. 2024
  • ⭐ BOOSTY - задача с собеса по THIS, конспекты-шпаргалки и другие материалы:
    boosty.to/pomazkovjs
    ⭐ Поддержать донатом: boosty.to/pomazkovjs/single-p...
    Этот ролик - полный гайд по this в JS.
    Из него вы узнаете про:
    - this в глобальной области видимости (объекты Window и Global)
    - this в обычных функциях
    - this в функциях-конструкторах
    - особенности this в стрелочных функциях
    - this в forEach и setTimeout
    и многое другое - с объяснением и примерами.
    Приятного просмотра!
    Обновлённый роудмэп:
    miro.com/app/board/uXjVOv90G2k=/
    Плейлист "JS простым языком":
    • ЗАМЫКАНИЯ В JS за 15 м...
    * СОЦ. СЕТИ:
    👀 Instagram - / pomazkov.js
    🚀 Telegram - t.me/pomazkovjs
    Тайм-коды:
    00:00 Интро
    01:09 Что такое this в js
    01:41 this в глобальном контексте
    02:14 Что такое объект Window в js
    04:09 this в функциях js
    04:28 this в обычных функциях
    05:58 Что такое Global в js
    06:31 this и use strict
    07:07 this в методе объекта
    09:28 call, apply: вызов с привязкой контекста
    11:28 Отличие call и apply
    12:03 Что такое bind в js
    13:04 this в функциях-конструкторах
    16:09 this в стрелочных функциях
    17:53 Пример: this и forEach
    20:42 Пример: this в setTimeout
    24:11 Почему стрелочные функции нельзя использовать с new
    25:02 Задача с собеседования по this и конспекты
    25:47 БОНУС
    #javascript #курс #this #фронтенд

Komentáře • 193

  • @pomazkovjs
    @pomazkovjs  Před 5 měsíci +4

    Мой интенсив по JS:
    🔥pomazkovjs-hangman.ru/
    Больше крутого контента:
    🚀 Telegram - t.me/pomazkovjs
    👀 Instagram - instagram.com/pomazkov.js

    • @SergioKornelius
      @SergioKornelius Před 5 dny

      дизлайк за маленький шрифт. смотрю на телефоне, не фига не видно. в ведь большинство телефонов среди людей имеют разрешение 720p.

  • @johnnyzhuravlev7334
    @johnnyzhuravlev7334 Před 2 měsíci +12

    Отдельное видео по call, apply, bind будет очень полезным. Спасибо за работу и старания)

  • @user-fg5cd3mv2z
    @user-fg5cd3mv2z Před 5 měsíci +35

    Легенда вернулась!
    Твой урок по замыканиям лучший в ютубе)

    • @pomazkovjs
      @pomazkovjs  Před 5 měsíci +1

      Спасибо!)) 🔥

    • @gregdmitriev2784
      @gregdmitriev2784 Před 5 měsíci +2

      Лесть, такое себе. Но да - автор молодец. Плюс ещё один блогер, который толково объясняет. Просто и по полочкам.

    • @user-fg5cd3mv2z
      @user-fg5cd3mv2z Před 5 měsíci

      @@gregdmitriev2784 лесть не лесть, но мне реально его уроки помогают
      А смотрел я много разных авторов
      Если человек старается, то пусть видит обратную связь

  • @user-hm5dz5yj4n
    @user-hm5dz5yj4n Před 6 dny

    Отличное обяснение. Хотелось бы еще уроков пожалуйста. хорошая подача. приятный голос. не теряйте настроя и вдохновения!

  • @artyommanko1575
    @artyommanko1575 Před 5 měsíci

    Арсений, спасибо огромное за обучающие видео! Всё максимально подробно, интересно и, что самое главное, понятно!

  • @anastasiahramcova7200
    @anastasiahramcova7200 Před 4 měsíci +1

    Спасибо огромное за твой труд!!! Объяснения очень понятные👏👏👏 Продолжай пожалуйста снимать.

  • @user-kp5og5so7f
    @user-kp5og5so7f Před 5 měsíci

    Твои видео всегда дают простое понимание сложных вещей. Спасибо.

  • @user-rs9qj7zj5g
    @user-rs9qj7zj5g Před 5 měsíci

    Ура, я ждала это видео! Спасибо!

  • @user-xb1jf2ul4w
    @user-xb1jf2ul4w Před 2 měsíci +2

    Твои видео всегда дают простое понимание сложных вещей. Спасибо.
    Пили подробный видос про call, apply

  • @srjp4777
    @srjp4777 Před 5 měsíci

    суперские объяснения, смотрю уже третий видос и это один из лучших каналов по js

  • @alianmanpi35
    @alianmanpi35 Před měsícem

    Спасибо большое за Ваши видео, они очень помогают глубже понимать материал.

  • @sezergm7066
    @sezergm7066 Před 27 dny

    Одно из лучших видео на ютубе про 'this' в js

  • @vgshenshin
    @vgshenshin Před 5 měsíci

    Круто, я всё понял 👍 неплохой пример с setTimeout и event loop, мне понравился🔥

  • @user-ey2wx2fu7h
    @user-ey2wx2fu7h Před 25 dny

    просто красавчик, оч крутые видео, топ контент)
    не останавливайся

  • @user-dq3rc1xu7b
    @user-dq3rc1xu7b Před měsícem

    Крутое объяснение! Спасибо.

  • @IgorBerezhnoy-md3ir
    @IgorBerezhnoy-md3ir Před 2 měsíci

    Спасибо за урок! Ждём ещё больше твоих крутых видео!🔥🔥🔥🔥🔥🔥🔥🔥🔥

  • @Aleksa013
    @Aleksa013 Před měsícem

    Очень здорово объясняешь! Спасибо тебе!!

  • @user-tk7qv9rv2c
    @user-tk7qv9rv2c Před měsícem

    Спасибо, действительно понятно!

  • @davit21.
    @davit21. Před 5 měsíci

    Вы очень ясно и понятно объясняйте
    спасибо за хороший контент❣

  • @to4ka_gr
    @to4ka_gr Před měsícem

    единственный человек который объяснил все четко и грамотно! спасибо огромное!

  • @husik101
    @husik101 Před 3 měsíci

    Не бросай это дело, у тебя здорово получается

  • @kotrvnwork6665
    @kotrvnwork6665 Před 5 měsíci

    Видео супер! Понятно все! По полочкам!

  • @user-bn6fl5yp2d
    @user-bn6fl5yp2d Před 4 měsíci

    Офигенное видео) спасибо😍 было бы интересно послушать про классы

  • @ynesennye_milom
    @ynesennye_milom Před měsícem +1

    Спасибо большое, это лучшее видео про this💐

  • @user-lj5sf7hs5f
    @user-lj5sf7hs5f Před 4 měsíci

    Красава!!! Давай жги дальше. Жду новых видосов

  • @user-iy9of1ew8c
    @user-iy9of1ew8c Před 5 měsíci

    Это прям огонь 🔥 спасибо.

  • @casha00048
    @casha00048 Před 5 měsíci

    Прекрасно
    Понятно и без воды
    Спасибо)

  • @matthewbellamy4008
    @matthewbellamy4008 Před 2 měsíci

    Спасибо большое, очень полезное и самое лучшее объяснение этой темы что я нашел

  • @dg7663
    @dg7663 Před měsícem

    познавательно, спасибо тебе за контент)

  • @fan.kotenokkote5198
    @fan.kotenokkote5198 Před 5 měsíci

    Спасибо за видео 😊

  • @MaxLebedenko-jy2cb
    @MaxLebedenko-jy2cb Před měsícem

    очень качественный материал,спасибо!

  • @user-sc9tw6bg4g
    @user-sc9tw6bg4g Před 2 měsíci

    спасибо за доступный урок

  • @many_men
    @many_men Před 5 měsíci

    как всегда топчик! подробно про каждый случай что не остается вопросов. К примеру видео про лет конст и вар очень сильно мне помогло

  • @sayces
    @sayces Před 2 měsíci

    много нового для себя узнал. спс, арсений.
    а то читаю учебник, потом ничего не понимаю, а тут как то нагляднее и живее, потому и понятнее)

  • @valerjanochka
    @valerjanochka Před 2 měsíci +4

    Огроменное тебе спасибище за твой неимоверный труд и время, которое ты тратишь, чтобы снимать такие интересные и суперкачественные ролики. Безумно нравится твоя подача материала: без воды, всё чётко по полочкам и с примерами. Желаю тебе продолжать в том же духе и вдохновлять ребят, начинающих этот нелёгкий путь, идти к своей мечте и не сдаваться).
    Ещё было бы интересно посмотреть видео на такие темы, как Promise, цепочки промисов, асинхронное программирование, HTTP/HTTPS, RESTful API, Prototypes, Event Loop.

    • @pomazkovjs
      @pomazkovjs  Před 2 měsíci +3

      Большое спасибо за такой приятный комментарий! Буду стараться 🔥

  • @surensimonyan7106
    @surensimonyan7106 Před 5 měsíci

    Спасибо за детальную информацию про this

  • @isevdfed
    @isevdfed Před 22 dny

    ты лучший! спасибо огромнейшее!

  • @thepro5635
    @thepro5635 Před 4 měsíci

    Спасибо за видео, было интересно смотреть и слушать !

  • @aleksvalushko4635
    @aleksvalushko4635 Před 4 měsíci

    крутое объяснение! мне зашло)

  • @EvilGazz
    @EvilGazz Před 5 měsíci

    Видео однозначно полезное, и подача материала на 5+

  • @MsDimons123
    @MsDimons123 Před 12 dny

    Круто, спасибо!

  • @user-zj1nn8zj8f
    @user-zj1nn8zj8f Před 5 měsíci

    Спасибо, очень познавательное видео.

  • @spiritanri
    @spiritanri Před 5 měsíci

    Круто! Спасибо

  • @maksymshypytsia5217
    @maksymshypytsia5217 Před 3 měsíci

    Спасибо очень хороший разбор.

  • @Maria-rg9tk
    @Maria-rg9tk Před 4 měsíci

    т_т лучшее объяснение. спасибо, что структурируешь мою кашу в голове

  • @AndsViolin
    @AndsViolin Před 5 měsíci +2

    Спасибо за твой канал. Благодаря тебе я снова начал программировать спустя 3 года

    • @pomazkovjs
      @pomazkovjs  Před 5 měsíci +1

      Воу, огонь! Рад, что помог найти мотивацию и вдохновение)

  • @ondreeey3004
    @ondreeey3004 Před 5 měsíci

    Благодаря конспекту по var/let/const с бусти, спустя 1,5 недели перекапывания интернета наконец-то понял в чем суть TDZ и когда она образуется! Немного не в тему, но все же, огромное спасибо! Седи всех ютуб-лекторов, твой контент самый легкоусваиваемый

  • @yulikk3514
    @yulikk3514 Před měsícem

    Спасибо) Супер!

  • @Denis-yw6jl
    @Denis-yw6jl Před 5 měsíci

    Наконец-то кто-то начал делать видосы по JS и можно посмотреть что-то свежее, а не трудные для восприятия видео 8-летней давности с довольно специфической подачей 👍

  • @alexcorsa6330
    @alexcorsa6330 Před 5 měsíci

    Спасибо! Делай больше видео!!!!

  • @infate89
    @infate89 Před 5 měsíci

    Ты Гений! Спасибо тебе ОГРОМНОЕ! Огромная работа проделана. Я тебе благодарен, безгранично! Лучший!

  • @xtray51
    @xtray51 Před 5 měsíci +2

    Нереальное видео, именно благодаря таким как вы джуны готовятся к собеседованиям, вечный +реп

    • @user-yp2tk4yn1b
      @user-yp2tk4yn1b Před 3 měsíci

      и не устраиваются. АХАХАХАХАХА. Рынок переполнен настолько, что устроиться на джуна вообще нереально

  • @user-xu4ob9pg7e
    @user-xu4ob9pg7e Před 5 měsíci

    видео крутое, разбор четкий!

  • @user-hf4sm4zu7n
    @user-hf4sm4zu7n Před 3 měsíci

    Класс! Наконец-то тема this раскрыта полностью. Пожалуйста продолжайте.
    Мои пожелания на дальнейшее: promises, async/await, yeld

  • @anastasiasandu555
    @anastasiasandu555 Před 2 měsíci

    спасибо за контент =)

  • @Liunamme
    @Liunamme Před 5 měsíci +3

    Только сегодня разбирался с this, а тут как раз это видео)) Я подписчик с замыкания))

    • @pomazkovjs
      @pomazkovjs  Před 5 měsíci +2

      Идеальный тайминг 🔥

  • @zakhartereshchenko7373
    @zakhartereshchenko7373 Před 5 měsíci

    Спасибо за видео, очень хорошо разьяснил

  • @prgJkeee
    @prgJkeee Před 5 měsíci

    Лайк авансом =), ну и конечно же коммент в поддержку канала! Арсений не забывай про видосы!!! Контент супер!!!

    • @pomazkovjs
      @pomazkovjs  Před 5 měsíci +1

      Спасибо за поддержку, стараюсь! 💪🏼

    • @prgJkeee
      @prgJkeee Před 5 měsíci

      @@pomazkovjs Кстати, интересно, а будет ли про Vue что-то? А то на CZcams про него очень мало всего (понятно, что из-за React'а, который более используем)

  • @rostyslavkinash5232
    @rostyslavkinash5232 Před 4 měsíci

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

  • @user-lm9ee1gn5p
    @user-lm9ee1gn5p Před 5 měsíci

    Огромное вам спасибо

  • @user-ml8hn5kg9e
    @user-ml8hn5kg9e Před 3 měsíci

    Крутое видео!!!

  • @kamilatuleubayeva4147
    @kamilatuleubayeva4147 Před 5 měsíci +1

    Обожаю ваше объяснение, но я не смотрела еще первую часть, так что побежала смотреть ее😂😅 спасибо Вам за видеооо😍🔥

    • @pomazkovjs
      @pomazkovjs  Před 5 měsíci +1

      Спасибо! Приятного просмотра!)

  • @user-wt6be6gi8x
    @user-wt6be6gi8x Před 2 měsíci

    Красота)

  • @JoKERIFreeStyleI
    @JoKERIFreeStyleI Před 2 měsíci

    Круто, уже работаю как мидл, и все как-то call,bind,apply со скрежетом проходили мимо меня, после твоего видоса прям прояснилось в голове зачем все-таки они нужны)

  • @g999ar
    @g999ar Před 5 měsíci

    Особенно круто, что ты разбираешь не попсовые темы

  • @mew6085
    @mew6085 Před 5 měsíci

    Полезно. Подписался

  • @user-yr6lv4vc7v
    @user-yr6lv4vc7v Před měsícem

    Желаю тебе никогда не терять мотивацию. Твори добро и будь счастлив. Даже если тебе не сказали "спасибо", все-равно они остались благодарными. Спасибо за аккуратную и добросовестную работу.

  • @defDimych
    @defDimych Před 3 měsíci

    Автор, выражаю своё спасибо лайком, и подпиской. Ты мне очень помог разобраться с this!

  • @survarium8841
    @survarium8841 Před 11 dny

    Спасибо!

  • @igorsenichev3779
    @igorsenichev3779 Před 5 měsíci

    Спасибо 👍

  • @TrashTOXICwho
    @TrashTOXICwho Před 3 měsíci +1

    Привет, крутые видео. Очень жду видео про асинхронности.

  • @vitmih380
    @vitmih380 Před 5 měsíci

    Конечно же лайк

  • @2insidefree
    @2insidefree Před 3 měsíci

    Отличный контент

  • @alfeov8251
    @alfeov8251 Před 3 měsíci

    Хотелось бы услышать про асинхронность в JS в твоем исполнении, очено хорошо объясняешь 🔥🤝

  • @morenossspunches7852
    @morenossspunches7852 Před 5 měsíci

    Прекраааасное видео

  • @maxfens
    @maxfens Před 5 měsíci

    Спасибо за контент! Будет в ближайшем будущем видос про прототипы?

  • @katenka_katrusya
    @katenka_katrusya Před 5 měsíci

    Спасибо за видео. Для меня это сейчас уже не так страшно, но всё ещё страшно)). Хотелось бы посмотреть подробнее и про call, bind, apply.
    Я первый раз использовала конструктор для создания студентов (домашняя работа, да))), плюс там методы разные, куда я добавляла функции расчёта возраста, на каком курсе студент, полное имя, очень удобно получилось. Код стал чище в разы, легче и понятнее писался код

  • @user-hp3up5dp7v
    @user-hp3up5dp7v Před 4 měsíci

    Привет! Спасибо за крутые объяснения! Очень хотелось бы разобрать в таком духе промисы, async/await

  • @shmelactimel6099
    @shmelactimel6099 Před 4 měsíci

    Привет!
    Спасибо за то что делишься своими знаниями и классную подачу в видео, четко и понятно!)
    Думаю классно будет , если будет roadmap на ютубе, по твоему frontend roadmap там где ты выписал что нужно знать начинающему разработчику)

  • @whoamizy
    @whoamizy Před 4 měsíci +2

    Спасибо за видео!

  • @user-jw6dd7ce6u
    @user-jw6dd7ce6u Před 5 měsíci

    круто полезный контент

  • @lazys7151
    @lazys7151 Před 5 měsíci +1

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

    • @user-nf5yc7xz9b
      @user-nf5yc7xz9b Před 5 měsíci

      Так и автор пробегается по верхам , найдите канал as for js ,вот там по настоящему глубоко разбирают js

    • @lazys7151
      @lazys7151 Před 5 měsíci +1

      @@user-nf5yc7xz9b Я уже там подписчик. Проблема того канала заключается в том, что автор уничтожает современный подход к изучению JS. Может быть это и полезно, но что это даёт? Каждый раз на собеседованиях спорить и пытаться объяснять принципиально новую позицию? Это слишком муторно и сложно всё донести идеально правильно. Тем более на этом канале человек дошел до синьорской должности со знаниями абстракций по типу замыканий, контекста и прочей лабуды. Эффективнее всего, как мне кажется, понять эти абстракции и ими апеллировать на собеседованиях. По крайней мере собеседования не будут такими стрессовыми и сложными.

  • @crazymeizy3252
    @crazymeizy3252 Před měsícem

    Ты топ бро спасибо

  • @madshox2816
    @madshox2816 Před 4 měsíci

    Спасибо

  • @andrewshalomitsky2184
    @andrewshalomitsky2184 Před 5 měsíci

    круто!

  • @the_barnab9485
    @the_barnab9485 Před 2 dny

    Видео показалось мне полезным. Поэтому я, как наставлял Автор, прожал Like и пишу об этом в комментариях..

  • @user-fh7dx7tz4p
    @user-fh7dx7tz4p Před 3 měsíci

    Добрый час, спасибо за видео, было бы интересно ролик про Primise и fetch

  • @j0v4n1
    @j0v4n1 Před 5 měsíci

    Молодчина

  • @alex_dudukalo
    @alex_dudukalo Před 5 měsíci +2

    Отличный ролик, представляю сколько времени на него ушло :)

    • @pomazkovjs
      @pomazkovjs  Před 5 měsíci +2

      Спасибо!) Времени ушло действительно много, но я уверен, что все не зря, и этот разбор многим поможет 🙌

  • @galaktik9714
    @galaktik9714 Před 5 měsíci

    ждем подробное объяснение про call,bind и apply также хотелось бы увидеть объяснение про конструкторы и классы.

  • @MaximImmersion
    @MaximImmersion Před 4 měsíci

    Ждем видео про call и apply

  • @Fanta.Bamboocha
    @Fanta.Bamboocha Před měsícem

    Комментарий для продвижения, так держать

  • @goshan3170
    @goshan3170 Před 3 měsíci

    Спасибо, хочу к тебе на стажировку)))

  • @Liunamme
    @Liunamme Před 5 měsíci +1

    Ждем видео про промисы и прототипы

  • @BaraBaranym
    @BaraBaranym Před 5 měsíci +1

    Круть, еще бы про Event Loop, prototype, async 😔

  • @user-iq3qf7py7o
    @user-iq3qf7py7o Před 5 měsíci

    супер

  • @user-hm5dz5yj4n
    @user-hm5dz5yj4n Před 6 dny

    Отдельное видео по call, apply, bind пожалуйста.

  • @yuriilee6077
    @yuriilee6077 Před 4 měsíci

    Круто! Объясни плз call и apply. Геттеры и Сеттеры тоже так же хотелось бы увидеть)

  • @andrewcanady3054
    @andrewcanady3054 Před 2 měsíci

    Привет. Изучаю сейчас js. Я на пути к фронтенд разработчику ахахах) Из многих видосов на ютубе по теории программирования очень мало таких видосов, которые хорошо сконструированы. То есть мало видосов, в которых их авторы обьъясняют всё поэтапно. А у тебя всё хорошо сконстурировано в видео и понятно всё от начала и до конца. Спасибо за твою работу)

  • @lex9497
    @lex9497 Před 4 měsíci

    У тебя очень крутые видео, и очень понятные, можешь пожалуйста сделать видео про методы массивов, строк и объектов. Буду очень благодарен)