Урок 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. Чт...

Пікірлер: 606

  • @VladilenMinin
    @VladilenMinin4 жыл бұрын

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

  • @igorbond2823

    @igorbond2823

    3 жыл бұрын

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

  • @1984_Orwell

    @1984_Orwell

    2 жыл бұрын

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

  • @VladilenMinin
    @VladilenMinin5 жыл бұрын

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

  • @hellicobacterpillory6677

    @hellicobacterpillory6677

    5 жыл бұрын

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

  • @VladilenMinin

    @VladilenMinin

    5 жыл бұрын

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

  • @vertalet76crew

    @vertalet76crew

    5 жыл бұрын

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

  • @ural-site

    @ural-site

    5 жыл бұрын

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

  • @-it-kidys

    @-it-kidys

    5 жыл бұрын

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

  • @user-lx3qs8ye3h
    @user-lx3qs8ye3h4 жыл бұрын

    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

    @_9382

    10 ай бұрын

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

  • @wickedtorpedo75
    @wickedtorpedo754 жыл бұрын

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

  • @grantorino3465

    @grantorino3465

    2 жыл бұрын

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

  • @user-mn9zd8kw4k

    @user-mn9zd8kw4k

    Жыл бұрын

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

  • @user-ey1ls6kv7h
    @user-ey1ls6kv7h3 жыл бұрын

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

  • @user-km6pj7iq2r
    @user-km6pj7iq2r3 жыл бұрын

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

  • @lostsouls3151

    @lostsouls3151

    3 жыл бұрын

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

  • @stanislavkravtsov5404

    @stanislavkravtsov5404

    2 жыл бұрын

    @@lostsouls3151 чел ты...

  • @lostsouls3151

    @lostsouls3151

    2 жыл бұрын

    @@stanislavkravtsov5404 ???

  • @stanislavkravtsov5404

    @stanislavkravtsov5404

    2 жыл бұрын

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

  • @lostsouls3151

    @lostsouls3151

    2 жыл бұрын

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

  • @mike_tallon
    @mike_tallon3 жыл бұрын

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

  • @user-zp4cr8cb6d
    @user-zp4cr8cb6d4 жыл бұрын

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

  • @charliebrown5554
    @charliebrown5554 Жыл бұрын

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

  • @sulmom78
    @sulmom784 жыл бұрын

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

  • @MT-qm1ll
    @MT-qm1ll4 жыл бұрын

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

  • @user-pc4eg6rz2m
    @user-pc4eg6rz2m9 ай бұрын

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

  • @gregorytorshin2574
    @gregorytorshin25743 жыл бұрын

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

  • @StetskoV
    @StetskoV3 жыл бұрын

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

  • @Naddys0n
    @Naddys0n3 жыл бұрын

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

  • @serious_psychologist
    @serious_psychologist5 жыл бұрын

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

  • @VladilenMinin

    @VladilenMinin

    5 жыл бұрын

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

  • @user-th4qi8iv3q

    @user-th4qi8iv3q

    Жыл бұрын

    как успехи

  • @holyage3128
    @holyage31282 жыл бұрын

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

  • @Vlad-em1bx
    @Vlad-em1bx4 жыл бұрын

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

  • @liliyawater2559
    @liliyawater25594 жыл бұрын

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

  • @sofkozl
    @sofkozl2 жыл бұрын

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

  • @ilgul9177
    @ilgul91774 жыл бұрын

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

  • @user-wz7oo6vu1r
    @user-wz7oo6vu1r5 жыл бұрын

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

  • @n3squi

    @n3squi

    5 жыл бұрын

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

  • @VSsoviet

    @VSsoviet

    4 жыл бұрын

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

  • @astrotrain

    @astrotrain

    4 жыл бұрын

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

  • @user-ve8om5zg3s

    @user-ve8om5zg3s

    4 жыл бұрын

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

  • @stanfarshtei1291
    @stanfarshtei12914 жыл бұрын

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

  • @alla_mardar
    @alla_mardar3 жыл бұрын

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

  • @user-tj9gu6rk1y
    @user-tj9gu6rk1y4 жыл бұрын

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

  • @user-tx7uv9gl4f
    @user-tx7uv9gl4f2 жыл бұрын

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

  • @nekom112
    @nekom1122 жыл бұрын

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

  • @romko-romario
    @romko-romario3 жыл бұрын

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

  • @linuxoid69
    @linuxoid694 жыл бұрын

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

  • @dibmediya6666
    @dibmediya6666 Жыл бұрын

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

  • @Sergio-ij7pw
    @Sergio-ij7pw3 жыл бұрын

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

  • @kirsanych5911
    @kirsanych59114 ай бұрын

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

  • @RewCSharp
    @RewCSharp5 ай бұрын

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

  • @user-mo4um4xy9l
    @user-mo4um4xy9l2 жыл бұрын

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

  • @user-kb4ut9xg1l
    @user-kb4ut9xg1l Жыл бұрын

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

  • @user-rd8uh2ym3c
    @user-rd8uh2ym3c3 жыл бұрын

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

  • @user-gl5en4dc9i
    @user-gl5en4dc9i2 жыл бұрын

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

  • @arthurkitskan2359
    @arthurkitskan23594 жыл бұрын

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

  • @AOne1999
    @AOne19994 жыл бұрын

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

  • @FrazyCrog
    @FrazyCrog2 жыл бұрын

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

  • @hasst9261
    @hasst92614 жыл бұрын

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

  • @user-en4cc9jg5c
    @user-en4cc9jg5c2 жыл бұрын

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

  • @malex-maleth

    @malex-maleth

    5 ай бұрын

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

  • @batradzbazzaev
    @batradzbazzaev4 жыл бұрын

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

  • @vitaliyk958
    @vitaliyk9583 жыл бұрын

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

  • @apa6368
    @apa63684 жыл бұрын

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

  • @user-cl6cq6gi8k
    @user-cl6cq6gi8k4 жыл бұрын

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

  • @Oughtem
    @Oughtem4 жыл бұрын

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

  • @seriusis
    @seriusis4 жыл бұрын

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

  • @VladilenMinin

    @VladilenMinin

    4 жыл бұрын

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

  • @aydenkoperta6266
    @aydenkoperta62664 жыл бұрын

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

  • @aliaksandrvasiukhnevich1098
    @aliaksandrvasiukhnevich10984 жыл бұрын

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

  • @user-en4cc9jg5c
    @user-en4cc9jg5c Жыл бұрын

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

  • @user-ug1vi3bv1f
    @user-ug1vi3bv1f2 жыл бұрын

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

  • @olesyamiller2480
    @olesyamiller24804 жыл бұрын

    Otlichno ob'yasnyaete, spasibo!

  • @ildarminurof1251
    @ildarminurof1251 Жыл бұрын

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

  • @antonlashuk2764
    @antonlashuk27644 жыл бұрын

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

  • @mrzlanx5328
    @mrzlanx53285 ай бұрын

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

  • @user-ki8ij8xi9c
    @user-ki8ij8xi9c3 жыл бұрын

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

  • @giomikadze3318
    @giomikadze3318 Жыл бұрын

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

  • @user-xo9ks9bc6j
    @user-xo9ks9bc6j4 жыл бұрын

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

  • @anastasiiam9930
    @anastasiiam99304 жыл бұрын

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

  • @user-su4sj5um3d
    @user-su4sj5um3d4 жыл бұрын

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

  • @kirillkhvorikov9470
    @kirillkhvorikov9470 Жыл бұрын

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

  • @user-rp4oi8iw2c
    @user-rp4oi8iw2c Жыл бұрын

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

  • @alanpuch2243
    @alanpuch22437 ай бұрын

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

  • @user-hp5hw8su8q
    @user-hp5hw8su8q4 жыл бұрын

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

  • @anatoliyburdasov4035
    @anatoliyburdasov40354 жыл бұрын

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

  • @user-vs6uu4uz5o
    @user-vs6uu4uz5o3 жыл бұрын

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

  • @ThePerfectLi_e
    @ThePerfectLi_e4 жыл бұрын

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

  • @kmz_3992
    @kmz_39923 жыл бұрын

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

  • @user-rv2yz8ox4d
    @user-rv2yz8ox4d4 жыл бұрын

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

  • @AntonKotorovych
    @AntonKotorovych6 ай бұрын

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

  • @magerrrr
    @magerrrr4 жыл бұрын

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

  • @user-zh2bz9sn4r
    @user-zh2bz9sn4r4 жыл бұрын

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

  • @chessclub92
    @chessclub922 жыл бұрын

    Владелин спасибо тебе очень круто объясняешь !

  • @galievramil1169
    @galievramil11693 жыл бұрын

    Супер, ООП в простых задачах!

  • @kostasancez2358
    @kostasancez23585 жыл бұрын

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

  • @SoltonAnna
    @SoltonAnna2 жыл бұрын

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

  • @korderorey2452
    @korderorey24524 жыл бұрын

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

  • @jmksm
    @jmksm2 жыл бұрын

    Спасибо, Владилен) Наконец-то понял как работает this)

  • @iKhripunov86
    @iKhripunov862 ай бұрын

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

  • @user-oe3un8ky6l
    @user-oe3un8ky6l5 жыл бұрын

    Шикарно, что тут ещё скажешь.)))

  • @MrGibl
    @MrGibl Жыл бұрын

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

  • @cheesecheesson9842
    @cheesecheesson98423 жыл бұрын

    ГУРУ, МАСТЕР, ОБОЖАЮ!!!

  • @balexfox
    @balexfox2 ай бұрын

    Чот я запоздал. благодарю за Урок Владилен

  • @boomz3132
    @boomz3132 Жыл бұрын

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

  • @Creatura_Dei
    @Creatura_Dei8 ай бұрын

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

  • @BonBiBon
    @BonBiBon4 жыл бұрын

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

  • @user-ou5nc3he4s
    @user-ou5nc3he4s3 жыл бұрын

    учиться у senior'а мне как начинающего углублённо знать js и то, что у него под капотом, с грамотной подачей и доходчиво (хоть и придётся снова и снова возвращаться) прям супер

  • @user-ru8qb9ze1d
    @user-ru8qb9ze1d4 жыл бұрын

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

  • @yaroslavzef7267

    @yaroslavzef7267

    4 жыл бұрын

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

  • @ragimabagirova6228
    @ragimabagirova62282 жыл бұрын

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

  • @alicemay4037
    @alicemay40372 жыл бұрын

    Огромное спасибо! Давно не могла разобраться с этими методами

  • @iryna4898
    @iryna48985 жыл бұрын

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

  • @DIEZ919191
    @DIEZ9191914 жыл бұрын

    ДААААА!!! НАКОНЕЦ-ТО НОРМАЛЬНОЕ ОБЪЯСНЕНИЕ!!!!!!!

  • @VladilenMinin

    @VladilenMinin

    4 жыл бұрын

    Добро пожаловать:)

  • @badenglishcooljs8233
    @badenglishcooljs82334 жыл бұрын

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

  • @bohdandemian152
    @bohdandemian1522 жыл бұрын

    Супер доступно та пізнавально🔥 Дякую!

  • @sekirogenshiro2210
    @sekirogenshiro22104 жыл бұрын

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

  • @seregaktyh
    @seregaktyh5 жыл бұрын

    Очень круто, на ютубе 99% видео о том, как создать переменную и вызвать функцию, скопированную из другого обучающего видео, а такие темы практически не затрагиваются. Тебе прям огромное спасибо)

  • @VladilenMinin

    @VladilenMinin

    5 жыл бұрын

    В этом и была идея. На канале не будет основ. Только крутые продвинутые вещи)

  • @ar4webber
    @ar4webber4 жыл бұрын

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

  • @user-wq4yh7bl7g
    @user-wq4yh7bl7g4 жыл бұрын

    Четко объяснил, молодец, продолжай в том же духе)

  • @BigDaddy-zp6hz
    @BigDaddy-zp6hz3 жыл бұрын

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

Келесі