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

Рет қаралды 42,567

Күн бұрын

Пікірлер: 242

@pomazkovjs 11 ай бұрын

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

@PlaceTickets 6 ай бұрын

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

@johnnyzhuravlev7334 8 ай бұрын

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

@mnimaya4252 8 күн бұрын

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

@OkcaHaMi 6 күн бұрын

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

@МаксимМаксим-р2ф 11 ай бұрын

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

@pomazkovjs 11 ай бұрын

Спасибо!)) 🔥

@bjol_Dg 11 ай бұрын

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

@МаксимМаксим-р2ф 11 ай бұрын

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

@johnnyzhuravlev7334 4 ай бұрын

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

@MsRestartround 16 күн бұрын

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

@valerjanochka 8 ай бұрын

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

@pomazkovjs 8 ай бұрын

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

@alexbrutski1210 Ай бұрын

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

@Inos25 2 ай бұрын

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

@НундукДудков Ай бұрын

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

@lazys7151 11 ай бұрын

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

@user-nf5yc7xz9b 11 ай бұрын

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

@lazys7151 11 ай бұрын

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

@helpittech1815 8 күн бұрын

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

@g999ar 11 ай бұрын

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

@kottofey1 4 ай бұрын

Приятный голос, не раздражающий ) Спасибо за информацию!

@kobecvladimir7716 2 ай бұрын

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

@ВиталийПустовой-с5х 29 күн бұрын

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

@АлександрСмирнов-щ4с 3 ай бұрын

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

@pomazkovjs 3 ай бұрын

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

@АлександрСмирнов-щ4с 3 ай бұрын

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

@ХАМЗАТЗУБАЙРАЕВ-щ7й Ай бұрын

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

@defDimych 9 ай бұрын

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

@АнатолийШуменков-р2х 9 ай бұрын

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

@AndsViolin 11 ай бұрын

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

@pomazkovjs 11 ай бұрын

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

@Капилляр 3 ай бұрын

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

@katenka_katrusya 11 ай бұрын

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

@АлександрИраджапов 4 ай бұрын

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

@sadasd3826 10 ай бұрын

Хотелось бы уточнить за пример вложенной функции на 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 7 ай бұрын

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

@sadasd3826 7 ай бұрын

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

@galaktik9714 11 ай бұрын

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

@andrewcanady3054 8 ай бұрын

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

@to4ka_gr 7 ай бұрын

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

@АндрейЛ-д8т 9 ай бұрын

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

@johnnyzhuravlev7334 4 ай бұрын

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

@valeriyk7565 2 ай бұрын

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

@the_barnab9485 6 ай бұрын

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

@MaxLebedenko-jy2cb 8 ай бұрын

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

@vladpetrov4512 2 ай бұрын

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

@BogdanGordeychuk 4 ай бұрын

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

@ЮрийБарабаш-г4д 7 ай бұрын

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

@zakhartereshchenko7373 11 ай бұрын

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

@TrashTOXICwho 10 ай бұрын

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

@alenache1 3 ай бұрын

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

@alfeov8251 9 ай бұрын

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

@vitmih380 11 ай бұрын

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

@АлександрИраджапов 4 ай бұрын

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

@xtray272 11 ай бұрын

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

@Султан-р2о 10 ай бұрын

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

@askerkotsev363 6 ай бұрын

1)Явное связывание call() 2) Не явное 3)Жесткое bind() 4)new оператор

@whoamizy 11 ай бұрын

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

@ondreeey3004 11 ай бұрын

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

@alexdreamer11 11 ай бұрын

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

@Liunamme 11 ай бұрын

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

@pomazkovjs 11 ай бұрын

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

@BaraBaranym 11 ай бұрын

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

@semka-tesemka Ай бұрын

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

@winstontyson603 4 ай бұрын

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

@maksymshypytsia5217 9 ай бұрын

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

@Fanta.Bamboocha 8 ай бұрын

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

@foxnadir 7 ай бұрын

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

@foxnadir 7 ай бұрын

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

@AnatolyOlkhovsky 7 ай бұрын

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

@ИванМихалев-о9з 5 ай бұрын

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

@sezergm7066 7 ай бұрын

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

@ElviraGiliazova 6 ай бұрын

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

@rostyslavkinash5232 11 ай бұрын

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

@ElviraGiliazova 6 ай бұрын

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

@Liunamme 11 ай бұрын

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

@AntonBear 5 ай бұрын

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

@prgJkeee 11 ай бұрын

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

@pomazkovjs 11 ай бұрын

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

@prgJkeee 11 ай бұрын

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

@YaniaRZ 7 ай бұрын

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

@СтаниславГорячев-г1ъ 11 ай бұрын

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

@ДмитрийЗинченко-м6с 11 ай бұрын

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

@alex_dudukalo 11 ай бұрын

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

@pomazkovjs 11 ай бұрын

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

@ynesennye_milom 8 ай бұрын

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

@АнастасияВоловик-н3ц 10 ай бұрын

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

@svet0v 4 ай бұрын

Было бы интересно увидеть call apply на реальных примерах

@anastasiahramcova7200 11 ай бұрын

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

@TraderOff-Road 2 ай бұрын

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

@MaximImmersion 11 ай бұрын

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

@srjp4777 11 ай бұрын

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

@alexcorsa6330 11 ай бұрын

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

@MsZhelezny 5 ай бұрын

Поддержка!

@sayces 8 ай бұрын

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

@ooops4333 9 ай бұрын

Расскажи как работают декораторы в ts, как работают декораторы в nestJs и чем они отличаются, что будет когда выйдут новые декораторы в ts, сегодня сел разбираться и чуть не уснул!

@БорисМедведев-ф4р 10 ай бұрын

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

@alianmanpi35 7 ай бұрын

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

@radkevich 11 ай бұрын

Спасибо Славе Марлоу за эти ролики

@pomazkovjs 11 ай бұрын

Я ему передам 🤝🏼🔥

@АлександрБессонов-г7г 9 ай бұрын

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

@ЕржанАхметов-ъ7х 11 ай бұрын

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

@fan.kotenokkote5198 11 ай бұрын

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

@maxet2374 11 ай бұрын

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

@pomazkovjs 11 ай бұрын

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

@РусланПолянский-х7б 11 ай бұрын

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

@coreyes139 8 ай бұрын

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

@infate89 11 ай бұрын

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

@balinok 4 ай бұрын

Функция внутри другой функции имеет контекст либо Window либо undefined, в зависимости от режима, а не как Вы сказали (5:30) "взяла контекст из myFunction1.

@СергейСомов-м8ы 11 ай бұрын

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

@shmelactimel6099 10 ай бұрын

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

@JoKERIFreeStyleI 9 ай бұрын

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