Урок 2. JavaScript. Что такое контекст this. Как работает call, bind, apply
Вставка
- Опубліковано 2 чер 2019
- Эксклюзивный контент в 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. Чт...
Эксклюзивный контент на моем Boosty: boosty.to/vladilen
А вообще в целом комильфо расширять к примеру Array новыми методами? Ведь об этом никто не знает, и не в курсе что у массивов появился новый метод и его можно юзать. Или есть какая то практика декларировать это?
Вот очень здорово, когда есть хорошие и вменяемые примеры. И понятно сразу что и для чего использовать.
Ну что господа, стало ли более понятно с контекстом? Будем двигаться дальше?
Единственное, что возник вопрос про call и apply
Если у них разница только лишь в способе передачи аргументов, то зачем тогда в js два идентичных по сути метода?
Или может все же есть ситуации, когда более удобно будет использовать тот или иной способ?
@@hellicobacterpillory6677 Когда мы не знаем количество параметров, которые нужно передать в функцию, то единственный способ это использовать apply
Когда знаем - call
Запрос понял, сделаю пример
Пожалуй лучшее объяснение что я видел на ютубе, жду промисы
Нужно дополнить про специфику контекста в стрелочных функциях
@@ural-site Насколько знаю в стрелочных функциях контекст жестко привязан к объекту в рамках которого она была инициализирована. По аналогии, как метод bind жестко закрепляет за собой контекст (и даже аргументы). Вроде прав? Поправьте, если не так
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)
Кто ты воин !!!?? Доброжелатель )))
уроки настолько качественны, что доставляет такое же удовольствие как просмотр обычных роликов
как ты определил качество уроков?
@@grantorino3465 он просто кайфанул так сказать
Вот неужели никто раньше не мог так понятно объяснить?) шикардос!)
11:35 job is undefined... аж грустно стало немного
Посмотри в const person у тебя в logInfo должно быть ${job}, а не ${this.job}. Аналогично с phone. Такая же беда была. После замены все отображается
@@lostsouls3151 чел ты...
@@stanislavkravtsov5404 ???
@@lostsouls3151 ну, она зарофлила, мол работа - не найдена(job is undefined)а ты подумал, что у неё код с "job" не работает
@@stanislavkravtsov5404 бля.... Только дошло😅 а я на полном серьёзе подумал с кодом проблема 😂😂😂
Отличный канал по JS. Однозначно лайк, хорошее объяснение материала!
2022 - видео до сих пор актуально.
Спасибо, Владилен, за подробный разбор!)
Просто восхитительные уроки, во всяком случае первые два)) Только начала смотреть плейлист)) Надеюсь, что я дальше буду смотреть с таким же удовольствием. Класс!!! Спасибо большое
Спасибо за достаточно понятное объяснение, такого контента мало, в основном одни основы js
Как я рад что нашел ваш канал, ваши видео эффективнее любых текстовых туториалов
Владилен, спасибо тебе огромнейшее за материал. Очень помог! До этого видоса дня два разбирался с this и методами, не мог устаканить в голове. Респект за твой труд! Верю, что все эти не простые времена пройдут быстро!!!
Просто супер понятно, каждый видос заслуживает высших похвал
Офигенно, быстро и походчиво!! Спасибо за то, что ты есть!
Сейчас прохожу курсы, для меня довольно дорогие... Ментору до тебя как до небес в плане доходчивого объяснения....
Наконец-то что-то адекватное появилось на этой площадке.
Александр Зенин плюсую
да, уроки очень полезные, некоторые вещи я вообще думал по-другому работают, в общем автору хорошего здоровья и успехов!
Ага, без воды только по существу
А то разведут на час одно и то же, ты такой думаешь блин, так сложно, особенно пока новичок, а по сути там пять минут рассказать
Глупые вы, намеренно создаёте уязвимость.
Большущая БЛАГОДАРНОСТЬ за такой подробный урок и настолько понятную подачу материала, который сложно где-то раскопать в русскоязычном сегменте UA-cam.
Спасибо за наглядное объяснения. Благодарен за то, что такой прекрасный контент еще и в бесплатном доступе)
Вау. У меня просто нет слов. Лучшее объяснение контекста. Огромное спасибо, Владилен!
Владилен, это просто бомба, ты объясняешь так как будто ты сам JS создал. Это лайк однозначно. Сразу видно что ты в этом просто "варишся" ни одной ошибки не сделал. Это означает что ты полностью осознаешь и понимаешь что ты делаешь. Супер.
Практический пример афигенный! Спасибо, четко и понятно рассказываешь и показываешь
Владлен, огромное спасибо за труд! Вы великолепно обьясняете!
Спасибо за видео, все очень круто, интересно и приятно смотреть ваши видео. Все понятно, Вы очень хорошо объясняете. Удачи вам!
Отдельное Спасибо хочу сказать Владилену за то, что в начале видео он говорит, что тема простая для понимания. А то заходишь в панике пытаясь понять, и тут на тебе, "простая тема". Это помогает.!
Наконец три этих метода и их отличие, объяснили доступным языком и, без "воды". Огромное спасибо, сейчас нужно подтянуть знания по JS и Ваш труд в этом очень помогает!
Лучших уроков по javascript чем у Вас Владилен я не встречал!
Так держать!
Ваш контент просто 10 из 10. Действительно помогаете расширять видение кода и возможности использования js
У вас просто талант объяснять сложные вещи простым языком. Снимаю шляпу)
Я наконец-то понял зачем еще нужен bind, когда есть call.
Очень полезное, информативное и доступно изложенное видео, с отличными примерами, респект автору! До его просмотра я так и не мог понять тонкости "this", а теперь всё стало ясно.
Это не курс, а клад!! Спасибо большое ❤️
Очень хорошее объяснение, высшая похвала и огромное спасибо!
реально спасибо большое, сколько на JS пишу, всегда боялся этого this, особенно bind и apply :-) вот прям рассказал так, что все очень и очень понятно, прям разжевал и в рот положил. Респектос!
Благодарю за отзыв)
как успехи
Отличный ролик! Спасибо, Владилен. Практический пример в конце реально очень ценен
Спасибо Вам огромное! Смотрю, впитываю, записываю. Учусь у Вас!
Пожалуй, самое доступное объяснение понятия контекста
Круто, спасибо) Очень понятно все разжевал и положил в мозг, спасибо) Расскажи пожалуйста про классы еще, тоже интересная тема. Спасибо
Именно такое объяснение нужно, чтобы понять как все работает. Спасибо большое. Долго разбирался с this, теперь все понятно. Оказалось это совсем просто
Это великолепно! Смотришь и радуешься, что такие замечательные вещи узнаешь и понимаешь. Всё логично, а главное сразу видишь, зачем нужны эти "премудрости"))) Спасибо!
Я так и не понимаю для чего это нужно уже сделав десятки проектов, обойдясь без этого. Видимо такие проекты)
Лучшее объяснение bind, call,, apply, которое я видел. Спасибо! Для this не затронута тема стрелочных функций, но в целом все и так думают знают, что стрелочные функции не имеют собственного контекста выполнения. На практике это означает, что они наследуют this от родительской функции.
Идеальное объяснение темы. В том числе и по хронометражу ролика.
Просто взрыа мозга. Автор твои видео это просто пушка, другого названия не придумать наконец то я все это понял. Разложено по полочкам с превосходными примерами.
Шикарное объяснения, спасибо большое! Всё чётко и понятно.
Спасибо за уроки,ты большой молодец, столько часов крутого контента
Начал смотреть в сторону смены проф ориентации, программирование может быть интересным)
Спасибо за урок!
Чувак, это самое ясное и понятное из всего, что я слышал о понятии «контекст». Когда учил ооп в пхп мозг взрывался от этого слова. Сенкью вери мач. Спустя полгода практики на место становится теория. Лайк, подписка, респект!
Такого рода материалы - то, что нужно для понимания работы js. Уроки действительно исключительные и полезные )
Благодарю за отзыв )
очень круто, наконец-то въехал в эту тему. Благодарность
гениальное видео, все очень понятно, спасибо большое!
Наконец по человечески всё объяснили, а я голову ломал, когда учил. А мог просто посмотреть. Автор молодец
Замечательный пример вконце ! Благодарю !
Отличное объяснение. Спасибо
Спасибо тебе огромное! Отличные примеры и объяснение
Круто! С прототипами вообще ШОК контент для меня получился))) Очень удобно. Благодарю!!!
Отличный видос где все полностью понятно все// Благодарю автора
Круть, прям залип. Не ожидал, что такие курсы есть в свободном доступе
Чувак ты лучший. Всегда систематизированная подача информации, класс
Большое человеческое спасибо! Наконец-то все стало ясно.
Очень понятное объяснение! Спасибо огромное!
Здорово объясняешь, главное понятно. Спасибо.
Лучшее объяснение bind, call и apply на всем рунете
Очень доступно объясняете. Спасибо большое!
Пересматриваю плейлист по второму кругу. Хочется поставить по второму лайку!) Спасибо огромное!
очень понятное объяснение,спасибо
Благодарю, было очень полезно.
Огонь урок, спасибо большое!
Спасибо большое Владилен))) ты просто пушка !))
Спасибо, Владилен, за твои видео!
Это зачет!! Очень доступно и понятно, спасибо!
Otlichno ob'yasnyaete, spasibo!
С первого раза понял!Другие так не могут обьяснить!Владилен я тебе благодарен!)))
Сильно мощно молодёжно.. Спасибо!!!
Очень понятно объясняешь. Спасибо 👍
Большое спасибо, Владилен!
Стало намного понятнее😊
чувак !!! ты монстр просто !! ты настолько тактичный ... спасибо !!!❤
Спасибо за качественное объяснение, лайк подписка!
Крутая подача и объяснение материала!!!! Владилен Топ!
круто, молодец. Все четко и понятно!!!
Спасибо, очень доступно и понятно!
Очень легко и доступно)). Думал что сложная тема но зашла просто с первого раза)
Супер доступно та пізнавально🔥
Дякую!
Спасибо большое! Я все понял. Круто и просто!
Подписался,что редкость. Лайк тоже. Интересные уроки. Жду правильный node.js и web Socket.
Владелин спасибо тебе очень круто объясняешь !
Наконец все прояснилось с контекстом, огромное спасибо, лайк и подписка)
иногда думаю как хорошо, что знаю язык на котором ты говоришь и делишся такой классной инфой
Отличный видос, понятный и позновательный, большое спасибо.
Это просто супер. Так понятно и так детально !!!
Большое спасибо!! Наконец-то нашла хорошее объяснение !!!
Это прекрасссно!
Впервые столкнувшись с роликами Владилена, сразу понал: "Вот тот человек, который мне щщас всё и объяснит!". =)
А с этим набором продвинутых видосов у меня скоро не останется вопросов по JS
Я начинаю чувствовать, что понимаю Javascript!
Я новичок в программировании и долго не мог понять о каких контекстах и объектах вообще идет речь, поэтому для меня this было чем-то очень непонятным, но насколько же было гениально сказать про то, что this возвращает ту левую штуку после точки. Всё сразу встало на свои места и мне удалось разобраться с контекстами. Большое спасибо.
учиться у senior'а мне как начинающего углублённо знать js и то, что у него под капотом, с грамотной подачей и доходчиво (хоть и придётся снова и снова возвращаться) прям супер
Спасибо большое за труд и за такое внятное и четкое объяснение ))))
Очень круто, на ютубе 99% видео о том, как создать переменную и вызвать функцию, скопированную из другого обучающего видео, а такие темы практически не затрагиваются. Тебе прям огромное спасибо)
В этом и была идея. На канале не будет основ. Только крутые продвинутые вещи)
Большое спасибо за доступность и простоту)
Владилен, огромное спасибо за уроки!
Не хватает только разве что домашних заданий с задачками. Для полного усвоения материала
Я теперь понимаю все конструкции языка.
Далее можно смотреть и понимать код с Гитзаба
А далее - пора будет начинать делать свои проектики.
Задания - не нужны.
Благодарю за адекватное знакомство с такой важной темой и за сэкономленные часы, дни... Возможно и не все сказано, я не в курсе, уверен дальше будет проще разобраться. Буду всем рекомендовать.
Спасибо за простое и доходчивое объяснение. Начал понимать что к чему!
а я больше приблизился к мысли, что я - пень
Сколько я бился со скриптом,но только после твоих видео начал сам писать код
Большое тебе спасибо!
Спасибо отдельно за порции. Их можно переварить за один присест.
Супер, молодец, очень понятно объяснил👍
Спасибо, круто подаешь материал!