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

แชร์
ฝัง
  • เผยแพร่เมื่อ 1 ธ.ค. 2024

ความคิดเห็น • 245

  • @pomazkovjs
    @pomazkovjs  ปีที่แล้ว +5

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

    • @PlaceTickets
      @PlaceTickets 6 หลายเดือนก่อน

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

  • @johnnyzhuravlev7334
    @johnnyzhuravlev7334 9 หลายเดือนก่อน +29

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

  • @mnimaya4252
    @mnimaya4252 15 วันที่ผ่านมา +1

    Готовясь в 3 раз сменить место работы наткнулась впервые на ваш канал, такой подачи материала я еще не видела) очень круто)
    А подача лексического окружения в другом видео это просто что-то с чем-то, вроде так просто было всем остальным схематично донести суть, но никто этого не сделал. Большое человеческое спасибо)

  • @МаксимМаксим-р2ф
    @МаксимМаксим-р2ф ปีที่แล้ว +49

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

    • @pomazkovjs
      @pomazkovjs  ปีที่แล้ว +1

      Спасибо!)) 🔥

    • @bjol_Dg
      @bjol_Dg ปีที่แล้ว +2

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

    • @МаксимМаксим-р2ф
      @МаксимМаксим-р2ф ปีที่แล้ว

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

    • @johnnyzhuravlev7334
      @johnnyzhuravlev7334 4 หลายเดือนก่อน +2

      @@bjol_Dg ахаха, какая лесть? Человек свое субъективное мнение написал))

    • @MsRestartround
      @MsRestartround 23 วันที่ผ่านมา

      @@johnnyzhuravlev7334 ахахаха, не надо никуда лезть))

  • @valerjanochka
    @valerjanochka 8 หลายเดือนก่อน +4

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

    • @pomazkovjs
      @pomazkovjs  8 หลายเดือนก่อน +3

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

  • @tawiasmajero1519
    @tawiasmajero1519 12 ชั่วโมงที่ผ่านมา

    Очень крутые видосы! С хорошим и доступным объяснением, ждем видео по call, apply, bind! Спасибо)

  • @OkcaHaMi
    @OkcaHaMi 14 วันที่ผ่านมา

    Очень доступно и все в одном месте! не надо шарить всю документацию в поисках, а где еще что могло спрятаться по этой теме!)

  • @alexbrutski1210
    @alexbrutski1210 หลายเดือนก่อน

    Красава! Решал задачу на КодВорс, не решил. Спустя 2 недели смотрю это видео и понимаю, что apply это то,что было нужно! Благодарю.

  • @Inos25
    @Inos25 3 หลายเดือนก่อน

    Спасибо за труды, нравятся Ваши объяснения! Я смотрела объяснение this в стрелочных функциях у разных преподавателей, читала, но как доходило до практики - постоянно ошибалась. Вывод: не понимала объяснений. Сегодня благодаря Вам даже до меня дошло :D Спасибо еще раз!

  • @НундукДудков
    @НундукДудков 2 หลายเดือนก่อน

    Огромное тебе спасибо !
    Реально простыми словами, с использованием примеров - идеально !

  • @helpittech1815
    @helpittech1815 16 วันที่ผ่านมา

    Спасибо! Все просто, понятно и полезно.

  • @lazys7151
    @lazys7151 ปีที่แล้ว +1

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

    • @user-nf5yc7xz9b
      @user-nf5yc7xz9b ปีที่แล้ว

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

    • @lazys7151
      @lazys7151 ปีที่แล้ว +1

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

  • @Капилляр
    @Капилляр 3 หลายเดือนก่อน

    Спасибо! Убил день + пока не посмотрел твое видео))) Теперь хоть что-то стало понятно!!! This - жив 😄

  • @ХАМЗАТЗУБАЙРАЕВ-щ7й
    @ХАМЗАТЗУБАЙРАЕВ-щ7й หลายเดือนก่อน

    Понятно и доходчиво. Четко !

  • @ВиталийПустовой-с5х
    @ВиталийПустовой-с5х หลายเดือนก่อน

    Это качественный и полезный контент

  • @defDimych
    @defDimych 10 หลายเดือนก่อน

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

  • @prgJkeee
    @prgJkeee ปีที่แล้ว

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

    • @pomazkovjs
      @pomazkovjs  ปีที่แล้ว +1

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

    • @prgJkeee
      @prgJkeee ปีที่แล้ว

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

  • @alex_dudukalo
    @alex_dudukalo ปีที่แล้ว +2

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

    • @pomazkovjs
      @pomazkovjs  ปีที่แล้ว +2

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

  • @АлександрИраджапов
    @АлександрИраджапов 4 หลายเดือนก่อน

    Можно сразу тысячу лайков поставить, супер годный контент!

  • @valeriyk7565
    @valeriyk7565 2 หลายเดือนก่อน

    Спасибо за годный контент, всё четко и по делу

  • @sadasd3826
    @sadasd3826 10 หลายเดือนก่อน +2

    Хотелось бы уточнить за пример вложенной функции на 5:38 ,myFunction не берет контекст из myFunction1,так как это противоречит тому,что контекст определяется в зависимости от вызова функции.
    Если вызывается просто функция без каких-либо доп методов ,new или dot нотации то по умолчанию this будет глобальным обьектом в нестрогом режиме.Вот например,что об пишется :
    Вложенные функции не наследуют значение this от внешних функций. Значение this в вложенной функции определяется контекстом, в котором она вызывается. Если вложенная функция вызывается как метод, то ее значение this будет объектом, на котором она вызывается. Если вложенная функция (т.е. не стрелочная функция) вызывается как функция, то ее значением this будет или глобальный объект (в нестрогом режиме), или undefined (в строгом режиме).
    Пример 1 :
    let o = { // Объект о
    m: function() { //метод m обьекта
    let self = this; // Сохранить значение this в переменной
    this === о // => true: this является объектом о
    f() ; //Теперь вызвать вспомогательную функцию f ()
    function f () { //Вложенная функция f
    this === о // =>false: this является глобальным объектом или undefined
    self === о // true: self является внешним значением this
    }
    }
    };
    o.m(); //Вызвать метод m на объекте о
    А если бы myFunction брала бы контекст из myFunction1,то у нас вышло бы что f брала бы контекст из анонимной функции присвоенной идентификатору m,и тогда бы эта функция ссылалась бы на сам обьект o ,а не на глобальный обьект

    • @foxnadir
      @foxnadir 8 หลายเดือนก่อน

      Чуть-чуть неправильно, но в целом неплохо. Читай мой коммент снизу

    • @sadasd3826
      @sadasd3826 8 หลายเดือนก่อน

      @@foxnadir ,Во -первых,то ,что ты написал ни как не противоречит моему.Во-вторых,я все правильно написал,в том числе к глобальному обьекту относится и windows в среде браузера.Но нельзя говорить за это постоянно,так как в той же Node уже не будет никакого windows)

  • @katenka_katrusya
    @katenka_katrusya ปีที่แล้ว

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

  • @MaxLebedenko-jy2cb
    @MaxLebedenko-jy2cb 8 หลายเดือนก่อน

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

  • @-fleki-9543
    @-fleki-9543 2 วันที่ผ่านมา

    Очень помог. Спасибо!

  • @ИванМихалев-о9з
    @ИванМихалев-о9з 5 หลายเดือนก่อน

    Братан, хорош, давай, давай, вперёд! Контент в кайф, можно ещё? Вообще красавчик! Можно вот этого вот почаще?

  • @foxnadir
    @foxnadir 8 หลายเดือนก่อน +1

    18:56 Не из-за того что .forEach вторым аргументом передает undefined в коллбек - внутри него this определяется как undefined. А все из-за того, что любая функция определенная в JavaScript по умолчанию является методом объекта (ВНИМАНИЕ!) window. И this тут ссылается именно к глобальному объекту window и ищет там свойство lastName. Вот оно там не определено и возвращает undefined. Это легко проверить написав в глобальной области this.lastName = "Виндоуское Иванов";

    • @foxnadir
      @foxnadir 8 หลายเดือนก่อน

      22:10 а внутри setTimeout *this* не определятся все потому что setTimeout изначально является методом windows объекта (как и было сказано вначале). Он тоже ссылается в глобальный объект своим this'ом.

    • @AnatolyOlkhovsky
      @AnatolyOlkhovsky 8 หลายเดือนก่อน +1

      "Это легко проверить написав в глобальной области this.lastName = "Виндоуское Иванов";" - или в самой функции выводить просто this. Можно еще добавить вторым параметром undefined и увидеть что ничего не поменяется, a если добавить другой объект, то поменяется только для logFullNames1.

  • @АлександрИраджапов
    @АлександрИраджапов 4 หลายเดือนก่อน

    Мне нравится твои уроки!

  • @АлександрСмирнов-щ4с
    @АлександрСмирнов-щ4с 3 หลายเดือนก่อน

    Спасибо большое за ваш труд. Лучший канал по JS. Жаль, что забросили.

    • @pomazkovjs
      @pomazkovjs  3 หลายเดือนก่อน +1

      Я ничего не забрасывал, просто редко выкладываю видео :)
      В тг, например, можно видеть посты чаще: t.me/pomazkovjs

    • @АлександрСмирнов-щ4с
      @АлександрСмирнов-щ4с 3 หลายเดือนก่อน

      @@pomazkovjs круто, буду следить тогда. Если можно подумайте над темами Event Loop или базовые фундаментальные знания для программистов.

  • @andrewcanady3054
    @andrewcanady3054 8 หลายเดือนก่อน

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

  • @АнатолийШуменков-р2х
    @АнатолийШуменков-р2х 9 หลายเดือนก่อน +4

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

  • @TrashTOXICwho
    @TrashTOXICwho 10 หลายเดือนก่อน +1

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

  • @BogdanGordeychuk
    @BogdanGordeychuk 4 หลายเดือนก่อน

    большое спасибо! очень полезная информация

  • @semka-tesemka
    @semka-tesemka หลายเดือนก่อน

    Хорошее видео, спасибо

  • @zakhartereshchenko7373
    @zakhartereshchenko7373 ปีที่แล้ว

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

  • @АлексейБомко-ь1ш
    @АлексейБомко-ь1ш 5 หลายเดือนก่อน

    Годный контент!

  • @Liunamme
    @Liunamme ปีที่แล้ว +3

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

    • @pomazkovjs
      @pomazkovjs  ปีที่แล้ว +2

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

  • @vitmih380
    @vitmih380 ปีที่แล้ว

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

  • @alexdreamer11
    @alexdreamer11 ปีที่แล้ว

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

  • @g999ar
    @g999ar ปีที่แล้ว

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

  • @AndsViolin
    @AndsViolin ปีที่แล้ว +3

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

    • @pomazkovjs
      @pomazkovjs  ปีที่แล้ว +1

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

  • @СергейСомов-м8ы
    @СергейСомов-м8ы ปีที่แล้ว

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

  • @ДмитрийЗинченко-м6с
    @ДмитрийЗинченко-м6с ปีที่แล้ว

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

  • @whoamizy
    @whoamizy 11 หลายเดือนก่อน +2

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

  • @LAMit
    @LAMit 5 หลายเดือนก่อน

    Отличное видео!👍

  • @АндрейЛ-д8т
    @АндрейЛ-д8т 9 หลายเดือนก่อน

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

  • @TraderOff-Road
    @TraderOff-Road 2 หลายเดือนก่อน

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

  • @alexcorsa6330
    @alexcorsa6330 ปีที่แล้ว

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

  • @fan.kotenokkote5198
    @fan.kotenokkote5198 ปีที่แล้ว

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

  • @wayfaringstranger2798
    @wayfaringstranger2798 6 หลายเดือนก่อน

    видео полезно!

  • @yulikk3514
    @yulikk3514 8 หลายเดือนก่อน

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

  • @AntonBear
    @AntonBear 5 หลายเดือนก่อน

    Хорошее видео мне помогло

  • @YaniaRZ
    @YaniaRZ 8 หลายเดือนก่อน

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

  • @ГеннадийГорохов-ц8н
    @ГеннадийГорохов-ц8н 9 หลายเดือนก่อน

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

  • @СтаниславГорячев-г1ъ
    @СтаниславГорячев-г1ъ 11 หลายเดือนก่อน

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

  • @maksymshypytsia5217
    @maksymshypytsia5217 9 หลายเดือนก่อน

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

  • @alfeov8251
    @alfeov8251 10 หลายเดือนก่อน

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

  • @shmelactimel6099
    @shmelactimel6099 11 หลายเดือนก่อน

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

  • @xtray272
    @xtray272 ปีที่แล้ว +2

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

    • @Султан-р2о
      @Султан-р2о 10 หลายเดือนก่อน

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

  • @coreyes139
    @coreyes139 9 หลายเดือนก่อน +1

    Про промисы хотелось бы разбор и про асинхронность

  • @spiritanri
    @spiritanri ปีที่แล้ว

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

  • @anastasiahramcova7200
    @anastasiahramcova7200 11 หลายเดือนก่อน +1

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

  • @BaraBaranym
    @BaraBaranym ปีที่แล้ว +1

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

  • @Fanta.Bamboocha
    @Fanta.Bamboocha 8 หลายเดือนก่อน

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

  • @2insidefree
    @2insidefree 9 หลายเดือนก่อน

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

  • @winstontyson603
    @winstontyson603 5 หลายเดือนก่อน

    мне видео показалось полезным, я прожал лайк и написал об этом в комментариях)0)

  • @ЕфимТетюев
    @ЕфимТетюев 9 หลายเดือนก่อน

    Красота)

  • @johnnyzhuravlev7334
    @johnnyzhuravlev7334 4 หลายเดือนก่อน

    Арсений, разбери вот эти интересные темы: promise, декораторы, каррирование, веб-воркеры.
    Думаю, что с твоим умением объяснять, будет бомба контент)

  • @anastasiasandu555
    @anastasiasandu555 8 หลายเดือนก่อน

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

  • @АнастасияВоловик-н3ц
    @АнастасияВоловик-н3ц 11 หลายเดือนก่อน

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

  • @ЕржанАхметов-ъ7х
    @ЕржанАхметов-ъ7х 11 หลายเดือนก่อน

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

  • @mew6085
    @mew6085 ปีที่แล้ว

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

  • @vladpetrov4512
    @vladpetrov4512 2 หลายเดือนก่อน

    Супер! Сделай, пожалуйста, про промисы

  • @galaktik9714
    @galaktik9714 ปีที่แล้ว

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

  • @crazymeizy3252
    @crazymeizy3252 8 หลายเดือนก่อน

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

  • @rostyslavkinash5232
    @rostyslavkinash5232 11 หลายเดือนก่อน

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

  • @andrewshalomitsky2184
    @andrewshalomitsky2184 ปีที่แล้ว

    круто!

  • @Liunamme
    @Liunamme ปีที่แล้ว +1

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

  • @j0v4n1
    @j0v4n1 ปีที่แล้ว

    Молодчина

  • @artyommanko1575
    @artyommanko1575 ปีที่แล้ว

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

  • @kamilatuleubayeva4147
    @kamilatuleubayeva4147 ปีที่แล้ว +1

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

    • @pomazkovjs
      @pomazkovjs  ปีที่แล้ว +1

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

  • @ynesennye_milom
    @ynesennye_milom 8 หลายเดือนก่อน +1

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

  • @srjp4777
    @srjp4777 ปีที่แล้ว

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

  • @alenache1
    @alenache1 4 หลายเดือนก่อน

    5:35 - myFunction не брала this у myFunction1, это работает только у стрелок, в данном случае компилятор инициировал this как Window потому что так заложено правилами языка

  • @Survoman
    @Survoman 7 หลายเดือนก่อน

    Спасибо!

  • @lex9497
    @lex9497 11 หลายเดือนก่อน

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

  • @igorsenichev3779
    @igorsenichev3779 ปีที่แล้ว

    Спасибо 👍

  • @БорисМедведев-ф4р
    @БорисМедведев-ф4р 10 หลายเดือนก่อน

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

  • @kobecvladimir7716
    @kobecvladimir7716 2 หลายเดือนก่อน

    Видео по call, apply, bind будет полезным !!🤓

  • @maxfens
    @maxfens ปีที่แล้ว

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

  • @yuriilee6077
    @yuriilee6077 11 หลายเดือนก่อน

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

  • @maxet2374
    @maxet2374 11 หลายเดือนก่อน +1

    спасибо за видос по замыканиям - я хоть через год в разработке норм понял. сделай плиз видос с примерами call bind apply

    • @pomazkovjs
      @pomazkovjs  11 หลายเดือนก่อน +1

      Спасибо за коммент! Сделаю 💪🏻

  • @to4ka_gr
    @to4ka_gr 7 หลายเดือนก่อน

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

  • @the_barnab9485
    @the_barnab9485 6 หลายเดือนก่อน

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

  • @ЕкатеринаВолынщикова
    @ЕкатеринаВолынщикова 11 หลายเดือนก่อน

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

  • @MsZhelezny
    @MsZhelezny 6 หลายเดือนก่อน

    Поддержка!

  • @РусланПолянский-х7б
    @РусланПолянский-х7б ปีที่แล้ว

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

  • @СашаКим-б2б
    @СашаКим-б2б ปีที่แล้ว

    спасибо

  • @ondreeey3004
    @ondreeey3004 11 หลายเดือนก่อน

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

  • @sezergm7066
    @sezergm7066 7 หลายเดือนก่อน

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

  • @MyDagir
    @MyDagir 11 หลายเดือนก่อน

    полезное видео