Урок 2. JavaScript. Что такое контекст this. Как работает call, bind, apply

Эксклюзивный контент в Telegram: t.me/NextgenSocialBot
Telegram: t.me/js_by_vladilen
Instagram: / vladilen.minin
Roadmap по каналу:
vladilen.notion.site/Roadmap-...
JavaScript. Что такое контекст this. Как работает call, bind, apply
В видео вы узнаете, что такое контекст в JavaScript, как он работает, как его передавать и что с ним можно делать.
В уроке вы узнаете про методы call, bind, apply - разницу между ними
В конце вы увидите практическое применение prototype в связке с контекстом и ключевым словом this
Сложный JavaScript простым языком:
• Урок 1. JavaScript. Чт...

[@VladilenMinin]

Эксклюзивный контент на моем Boosty: boosty.to/vladilen

[@igorbond2823]

А вообще в целом комильфо расширять к примеру Array новыми методами? Ведь об этом никто не знает, и не в курсе что у массивов появился новый метод и его можно юзать. Или есть какая то практика декларировать это?

[@1984_Orwell]

Вот очень здорово, когда есть хорошие и вменяемые примеры. И понятно сразу что и для чего использовать.

[@VladilenMinin]

Ну что господа, стало ли более понятно с контекстом? Будем двигаться дальше?

[@hellicobacterpillory6677]

Единственное, что возник вопрос про call и apply Если у них разница только лишь в способе передачи аргументов, то зачем тогда в js два идентичных по сути метода? Или может все же есть ситуации, когда более удобно будет использовать тот или иной способ?

[@VladilenMinin]

@@hellicobacterpillory6677 Когда мы не знаем количество параметров, которые нужно передать в функцию, то единственный способ это использовать apply Когда знаем - call Запрос понял, сделаю пример

[@vertalet76crew]

Пожалуй лучшее объяснение что я видел на ютубе, жду промисы

[@ural-site]

Нужно дополнить про специфику контекста в стрелочных функциях

[@-it-kidys]

@@ural-site Насколько знаю в стрелочных функциях контекст жестко привязан к объекту в рамках которого она была инициализирована. По аналогии, как метод bind жестко закрепляет за собой контекст (и даже аргументы). Вроде прав? Поправьте, если не так

[@wickedtorpedo75]

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

[@grantorino3465]

как ты определил качество уроков?

[@user-mn9zd8kw4k]

@@grantorino3465 он просто кайфанул так сказать

[@user-km6pj7iq2r]

11:35 job is undefined... аж грустно стало немного

[@lostsouls3151]

Посмотри в const person у тебя в logInfo должно быть ${job}, а не ${this.job}. Аналогично с phone. Такая же беда была. После замены все отображается

[@stanislavkravtsov5404]

@@lostsouls3151 чел ты...

[@lostsouls3151]

@@stanislavkravtsov5404 ???

[@stanislavkravtsov5404]

@@lostsouls3151 ну, она зарофлила, мол работа - не найдена(job is undefined)а ты подумал, что у неё код с "job" не работает

[@lostsouls3151]

@@stanislavkravtsov5404 бля.... Только дошло😅 а я на полном серьёзе подумал с кодом проблема 😂😂😂

[@user-lx3qs8ye3h]

02:57 оно вызывает то, что стоит слева от точки, где мы вызываем данную функцию 03:20 Ключевое слово this всегда динамичное, оно указывает на тот объект в контексте которого оно было вызвано 04:50 функция bind - в качестве значения этой функции му можем передать тот контекст который будет привязан у вызываемой функции 05:37 сам по this себе указывает на глобальный объект window 09:00 метод bind на самом деле не вызывает функцию, а возвращает новую функцию которая уже привязала к себе новый контекст 09:50 метод group у объекта console 12:51 С помощью метода bind, помимо того что первым параметром мы указываем контекст который должен быть привязан к новой функции, другими параметрами мы можем передавать следующие параметры которые нужны функции 13:47 Метод call. Отличие от метода bind, что он метод call сразу же вызывает эту функцию, а метод bind в свою очередь возвращает нам новую функцию, и её мы можем вызвать тогда, когда нам угодно 14:50 Метод apply. В отличие от методов bind и call, где можно бесконечное число параметров, в метод apply мы всегда передаем два параметра. У метода apply второй параметр всегда массив, и этот массив состоит из аргументов которые попадут в эту функцию. Метод apply сразу же вызывает эту функцию. 15:45 Практика с использованием прототипов и контекста (this)

[@_9382]

Кто ты воин !!!?? Доброжелатель )))

[@user-wz7oo6vu1r]

Наконец-то что-то адекватное появилось на этой площадке.

[@n3squi]

Александр Зенин плюсую

[@VSsoviet]

да, уроки очень полезные, некоторые вещи я вообще думал по-другому работают, в общем автору хорошего здоровья и успехов!

[@astrotrain]

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

[@user-ve8om5zg3s]

Глупые вы, намеренно создаёте уязвимость.

[@user-ey1ls6kv7h]

Вот неужели никто раньше не мог так понятно объяснить?) шикардос!)

[@mike_tallon]

Отличный канал по JS. Однозначно лайк, хорошее объяснение материала!

[@iKhripunov86]

Лучшее объяснение bind, call,, apply, которое я видел. Спасибо! Для this не затронута тема стрелочных функций, но в целом все и так думают знают, что стрелочные функции не имеют собственного контекста выполнения. На практике это означает, что они наследуют this от родительской функции.

[@user-zp4cr8cb6d]

Спасибо за достаточно понятное объяснение, такого контента мало, в основном одни основы js

[@Naddys0n]

Как я рад что нашел ваш канал, ваши видео эффективнее любых текстовых туториалов

[@MT-qm1ll]

Просто супер понятно, каждый видос заслуживает высших похвал

[@ilgul9177]

Большущая БЛАГОДАРНОСТЬ за такой подробный урок и настолько понятную подачу материала, который сложно где-то раскопать в русскоязычном сегменте KZbin.

[@charliebrown5554]

2022 - видео до сих пор актуально. Спасибо, Владилен, за подробный разбор!)

[@holyage3128]

Спасибо за наглядное объяснения. Благодарен за то, что такой прекрасный контент еще и в бесплатном доступе)

[@liliyawater2559]

Просто восхитительные уроки, во всяком случае первые два)) Только начала смотреть плейлист)) Надеюсь, что я дальше буду смотреть с таким же удовольствием. Класс!!! Спасибо большое

[@sulmom78]

Вау. У меня просто нет слов. Лучшее объяснение контекста. Огромное спасибо, Владилен!

[@andreyrudin2286]

реально спасибо большое, сколько на JS пишу, всегда боялся этого this, особенно bind и apply :-) вот прям рассказал так, что все очень и очень понятно, прям разжевал и в рот положил. Респектос!

[@VladilenMinin]

Благодарю за отзыв)

[@user-th4qi8iv3q]

как успехи

[@sofkozl]

Это не курс, а клад!! Спасибо большое ❤️

[@Vlad-em1bx]

Лучших уроков по javascript чем у Вас Владилен я не встречал! Так держать!

[@Sergio-ij7pw]

У вас просто талант объяснять сложные вещи простым языком. Снимаю шляпу) Я наконец-то понял зачем еще нужен bind, когда есть call.

[@linuxoid69]

Владилен, это просто бомба, ты объясняешь так как будто ты сам JS создал. Это лайк однозначно. Сразу видно что ты в этом просто "варишся" ни одной ошибки не сделал. Это означает что ты полностью осознаешь и понимаешь что ты делаешь. Супер.

[@stanfarshtei1291]

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

[@gregorytorshin2574]

Практический пример афигенный! Спасибо, четко и понятно рассказываешь и показываешь

[@arthurkitskan2359]

Наконец три этих метода и их отличие, объяснили доступным языком и, без "воды". Огромное спасибо, сейчас нужно подтянуть знания по JS и Ваш труд в этом очень помогает!

[@StetskoV]

Владлен, огромное спасибо за труд! Вы великолепно обьясняете!

[@nekom112]

Владилен, спасибо тебе огромнейшее за материал. Очень помог! До этого видоса дня два разбирался с this и методами, не мог устаканить в голове. Респект за твой труд! Верю, что все эти не простые времена пройдут быстро!!!

[@user-tj9gu6rk1y]

Пожалуй, самое доступное объяснение понятия контекста

[@RewCSharp]

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

[@hasst9261]

Спасибо за видео, все очень круто, интересно и приятно смотреть ваши видео. Все понятно, Вы очень хорошо объясняете. Удачи вам!

[@user-gl5en4dc9i]

Ваш контент просто 10 из 10. Действительно помогаете расширять видение кода и возможности использования js

[@user-kb4ut9xg1l]

Лучшее объяснение bind, call и apply на всем рунете

[@alla_mardar]

Очень хорошее объяснение, высшая похвала и огромное спасибо!

[@romko-romario]

Очень полезное, информативное и доступно изложенное видео, с отличными примерами, респект автору! До его просмотра я так и не мог понять тонкости "this", а теперь всё стало ясно.

[@user-pc4eg6rz2m]

Отдельное Спасибо хочу сказать Владилену за то, что в начале видео он говорит, что тема простая для понимания. А то заходишь в панике пытаясь понять, и тут на тебе, "простая тема". Это помогает.!

[@user-tx7uv9gl4f]

Спасибо Вам огромное! Смотрю, впитываю, записываю. Учусь у Вас!

[@kirsanych5911]

Отличное объяснение. Спасибо

[@batradzbazzaev]

Именно такое объяснение нужно, чтобы понять как все работает. Спасибо большое. Долго разбирался с this, теперь все понятно. Оказалось это совсем просто

[@user-en4cc9jg5c]

Это великолепно! Смотришь и радуешься, что такие замечательные вещи узнаешь и понимаешь. Всё логично, а главное сразу видишь, зачем нужны эти "премудрости"))) Спасибо!

[@malex-maleth]

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

[@AOne1999]

Просто взрыа мозга. Автор твои видео это просто пушка, другого названия не придумать наконец то я все это понял. Разложено по полочкам с превосходными примерами.

[@aydenkoperta6266]

Шикарное объяснения, спасибо большое! Всё чётко и понятно.

[@anastasiiam9930]

гениальное видео, все очень понятно, спасибо большое!

[@Oughtem]

Чувак, это самое ясное и понятное из всего, что я слышал о понятии «контекст». Когда учил ооп в пхп мозг взрывался от этого слова. Сенкью вери мач. Спустя полгода практики на место становится теория. Лайк, подписка, респект!

[@user-rd8uh2ym3c]

Наконец по человечески всё объяснили, а я голову ломал, когда учил. А мог просто посмотреть. Автор молодец

[@user-su4sj5um3d]

Очень понятное объяснение! Спасибо огромное!

[@user-mo4um4xy9l]

Идеальное объяснение темы. В том числе и по хронометражу ролика.

[@FrazyCrog]

Отличный ролик! Спасибо, Владилен. Практический пример в конце реально очень ценен

[@user-cl6cq6gi8k]

Отличный видос где все полностью понятно все// Благодарю автора

[@user-ki8ij8xi9c]

Большое человеческое спасибо! Наконец-то все стало ясно.

[@user-ru8qb9ze1d]

Не просто показал конекст this)) а научил менять вселенную) вселенную в моем мозге)

[@yaroslavzef7267]

Не просто показал, он его к ... привязал!

[@iryna4898]

очень понятное объяснение,спасибо

[@magerrrr]

Спасибо тебе огромное! Отличные примеры и объяснение

[@user-hp5hw8su8q]

Огонь урок, спасибо большое!

[@user-xo9ks9bc6j]

Сильно мощно молодёжно.. Спасибо!!!

[@vitaliyk958]

Круть, прям залип. Не ожидал, что такие курсы есть в свободном доступе

[@kirillkhvorikov9470]

Спасибо, Владилен, за твои видео!

[@ildarminurof1251]

Замечательный пример вконце ! Благодарю !

[@dibmediya6666]

твоё любимое слово "на самом деле" Good Luck Broo

[@seriusis]

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

[@VladilenMinin]

Благодарю за отзыв )

[@kostasancez2358]

Круто, спасибо) Очень понятно все разжевал и положил в мозг, спасибо) Расскажи пожалуйста про классы еще, тоже интересная тема. Спасибо

[@user-vs6uu4uz5o]

Это зачет!! Очень доступно и понятно, спасибо!

[@olesyamiller2480]

Otlichno ob'yasnyaete, spasibo!

[@user-rp4oi8iw2c]

очень круто, наконец-то въехал в эту тему. Благодарность

[@aliaksandrvasiukhnevich1098]

Спасибо большое Владилен))) ты просто пушка !))

[@alanpuch2243]

Благодарю, было очень полезно.

[@user-zh2bz9sn4r]

Очень доступно объясняете. Спасибо большое!

[@justfisher2920]

Честно говоря, судя по лайкам, и коментам, на твоем канале находятся "Выжевшие" ,те кто не выгорел и дошел до хорошего уровня понимания js, а так же те кому реально интересно и он болдеет от процесса разработки и создания. Мощнейшие видосы, достоиные овердох*я лайков и подписки, классно преподносишь, а главное доступно - понятно! Респект тебе👍💪

[@kmz_3992]

Спасибо за уроки,ты большой молодец, столько часов крутого контента Начал смотреть в сторону смены проф ориентации, программирование может быть интересным)

[@user-rv2yz8ox4d]

Здорово объясняешь, главное понятно. Спасибо.

[@apa6368]

Чувак ты лучший. Всегда систематизированная подача информации, класс

[@user-en4cc9jg5c]

Пересматриваю плейлист по второму кругу. Хочется поставить по второму лайку!) Спасибо огромное!

[@antonlashuk2764]

Крутая подача и объяснение материала!!!! Владилен Топ!

[@MrGibl]

Это просто супер. Так понятно и так детально !!!

[@Koora181]

Большое спасибо за доступность и простоту)

[@ser_apelsinov]

Очень понятно объясняешь. Спасибо 👍

[@kostiantynsydorenko7344]

круто, молодец. Все четко и понятно!!!

[@user-ug1vi3bv1f]

Круто! С прототипами вообще ШОК контент для меня получился))) Очень удобно. Благодарю!!!

[@BigDaddy-zp6hz]

Освежил память, спасибо

[@sekirogenshiro2210]

Вот это вообще офигенный урок

[@ThePerfectLi_e]

Наконец все прояснилось с контекстом, огромное спасибо, лайк и подписка)

[@SoltonAnna]

Большое спасибо!! Наконец-то нашла хорошее объяснение !!!

[@LinkinUA882]

Спасибо, очень доступно и понятно!

[@badenglishcooljs8233]

Сколько я бился со скриптом,но только после твоих видео начал сам писать код Большое тебе спасибо!

[@Creatura_Dei]

Большое спасибо, Владилен! Стало намного понятнее😊

[@giomikadze3318]

чувак !!! ты монстр просто !! ты настолько тактичный ... спасибо !!!❤

[@mrzlanx5328]

Владилен, лучший 👍

[@vladmatsala9753]

Спасибо отдельно за порции. Их можно переварить за один присест.

[@AntonKotorovych]

Очень легко и доступно)). Думал что сложная тема но зашла просто с первого раза)

[@korderorey2452]

Я новичок в программировании и долго не мог понять о каких контекстах и объектах вообще идет речь, поэтому для меня this было чем-то очень непонятным, но насколько же было гениально сказать про то, что this возвращает ту левую штуку после точки. Всё сразу встало на свои места и мне удалось разобраться с контекстами. Большое спасибо.

[@goodPoints012]

Это топово !!! Все стало на свои места

[@ragimabagirova6228]

Спасибо большое за труд и за такое внятное и четкое объяснение ))))

[@user-yx4ov2xx8s]

Спасибо большое за видео! 😊👍

[@User_1924]

Спасибо за такой качественный контент 👏

[@alexsandr9444]

Спасибо за качественный контент)

[@boomz3132]

Спасибо за качественное объяснение, лайк подписка!

[@vadimbevzyuk4756]

Спасибо большое! Я все понял. Круто и просто!

[@anatoliyburdasov4035]

С первого раза понял!Другие так не могут обьяснить!Владилен я тебе благодарен!)))

[@racman9964]

С первого раза все стало понятно! Спасибо огромное

[@ar4webber]

самое офигенное объяснение что я видел!

[@Dmitrijserg]

Хорошо раскрыта тема, спасибо