Узнай JavaScript лучше: что такое контекст this, основные ошибки, call apply bind

JAVA И SКРИПТЫ, ссылка на новый канал в описании

Подписаться 7 тыс.

Просмотров 22 тыс.

50% 1

Узнай JavaScipt лучше: • Узнай JavaScript лучше...
Vue.js подробный курс: • Постигаем Vue js: урок...
Тайм коды:
0:00 - Что будет на этом уроке
0:38 - Что такое контекст + разбор основных ошибок
5:22 - Подробно о call, apply, bind
8:40 - Стрелочные функции о контекст
11:24 - Когда замена контекста нужна
Немного о данном курсе:
- В данном курсе мы разбираем темы, которые обычно вызывают трудности у новичков в js. На самом деле в них нет ничего сложного, и я попытаюсь максимально просто и кратко все объяснить.
- Информация для уроков была собрана исходя из авторитетных ресурсов в интернете, популярных видео уроков на ютубе, а также личного опыта. Я постарался все учесть и сделать видео максимально информативными.
- Уроки необязательно смотреть последовательно, я специально не добавлял в них нумерацию. Все зависит от уровня, на котором вы находитесь, либо от проблемы, с которой вы столкнулись. Но все же лучше просмотреть все видео, так вы точно будете уверены, что не пропустили какой-то важной темы ;)
#JavaScript #Web #Frontend

Опубликовано:

17 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 57

@vladfolk2418 Год назад

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

@vitaliyyasinskiy3689 3 года назад

ЭТО БОЖЕСТВЕННО!!! Я много раз возвращался к потере контекста, когда забывал нюансы, и мог потратить по несколько часов на поиск бага. Но настолько логичного объяснения я даже не ожидал найти. И очень приятно оформляешь монтаж видео, ничего лишнего, но логически секционно все разделено, где то ускорено. Сам знаю, сколько грамотный монтаж занимает времени, но у тебя чувствуется подход с головой. Царский лайк установлен, спасибо большое

@andTutin Год назад

контекст НИКОГДА НЕ ТЕРЯЕТСЯ! он ВЫЧИСЛЯЕТСЯ в момент вызова функции

@vitaliyyasinskiy3689 Год назад

@@andTutin серьезно?) Спустя два года?)

@andTutin Год назад

@@vitaliyyasinskiy3689 бывает скучно и рекомендации ютуба ))

@andTutin Год назад

@@vitaliyyasinskiy3689 спустя еще два года контекст тоже не потеряется лол

@agataageeva424 3 года назад

Хороший звук, хорошее объяснение. this, call, apply, bind

@user-vk6ft2rp1i Год назад

Блин, просмотрел 8 видосов про this, ничего не понял. Не знаю, может это кумулятивный эффект, но только здесь дошло. Спасибо! Лайк, подписка.

@user-ic7jf7to9r 3 года назад

Поддерживаю комментарии.Четкий поставленный голос и понятное объяснение. С меня лайк, подписка, колокольчик. НЕ бросайте!

@user-dx4iz2sn5g 3 года назад

Огромное спасибо автору! Пожалуйста, продолжай этим заниматься, так как объясняешь очень понятно и без лишней воды!

@user-hi8rw9kk9v 2 года назад

Автор, очень и ОЧЕНЬ не дурно! Голос, картинка => все на высоте! Благодарю!

@user-fs3yr9yk6n 3 года назад

Крутой видос, жаль мало просмотров) Автор, не бросай

@Sergey_Klimov 2 года назад

Когда хочу найти информацию по this везде вижу в примерах трехэтажные объекты, в которых десятиэтажные функции и где-то там, внутри, есть this. Мне, как новичку, стало все ясно сразу же.

@maks_moskalik 3 года назад

Автор, ты большой молодец! Не забрасывай дело! Очень четко и по делу.

@dmitrii_gerasimov 2 года назад

Про то, что помещение в функцию - это то же самое, что и создание новой функции - это ошибка. Условие user.sayHello === f, будет возвращать true, при создании новой функции, вернуло бы false. В случае присвоения переменной функции, функция всё равно остаётся той же самой, а в переменную помещается ссылка.

@user-oi8xe3gq4z 3 года назад

Обожаю Ваши объяснения, мне очень по душе, все коротко, ясно и на примерах

@-Forever-Young- 2 года назад

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

@artemkrasnogir4673 3 года назад

Очень крутое объяснение, без воды, все по факту, лайк!

@mikhailivlev 2 года назад

thx 4 description) one billion likes to THIS video!!!!

@avocodeuser1343 2 года назад

Спасибо очень подробно и доходчиво. Сложная тема сама по себе, но тебе удалось объяснить её.

@novichok3417 9 месяцев назад

Вы всё правильно говорите , но приводите частный случай(ссылается на объект, метод которого мы вызываем). А общий случай примерно такой(я не знаю умных слов поэтому по простому) ссылается на то место, где был создан(на уровень выше). В вашем примере this созданный в методе(функции) ссылается на объект . А this объекта ссылается на window. Если объект содержит 4 вложения 4 ->3, 3->2 2->1, 1-> null

@crossmaxish 2 года назад

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

@hypermauth Год назад

Красавчик, всё понятно, прям разжевал

@yevheniimoskalenko1624 3 года назад

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

@munutd9857 3 года назад

👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍Класный урок просто!!! Огромное спасибо

@jsb7239 3 года назад

Хороший урок!👍🏻

@MrMakaron4ik 3 года назад

Супер, продолжай

@user-vn8eo1yx6w 2 года назад

Спасибо большое!!!

@user-wc5xu6cm7o 2 года назад

Спасибо, реально понял че такое call и контекст

@sergeialekseev1878 2 года назад

Как батя раскидал, лайкос

@javas9164 3 года назад

Мой новый канал ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-mkqceyBXAdo.html Видео теперь будут тут 👆 === Тайм коды === 0:00 - Что будет на этом уроке 0:38 - Что такое контекст + разбор основных ошибок 5:22 - Подробно о call, apply, bind 8:40 - Стрелочные функции о контекст 11:24 - Когда замена контекста нужна Другие уроки: Узнай JavaScipt лучше: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-bO881lHXieQ.html Vue.js подробный курс: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-qXhmJhR0Fhg.html

@tretyakweb1754 Год назад

СПАСИБО ЗА ВИДЕООООООООООО!!!

@user-ig4lq2ts8b 3 года назад

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

@javas9164 3 года назад

Воу, даже так, спасибо 😅😎

@stanislavidalgo3661 2 года назад

great video

@xxxoss 2 года назад

Хорошее обьяснение. У меня такой вопрос, я так понимаю что для callback который мы передаем в addEventListener внутри происходит привязка контекста? типо callback.bind(this);

@ashimov1970 Год назад

Данил Игоревич, а какой будет контекст у методов объекта, вложенного в объект user?

@novichok3417 9 месяцев назад

Примерно 4:20 Когда создаётся функция там тоже создаётся this, только он ссылается на объект в котором создан(window в данном случае). Посмотрел ещё раз и на 9:26 ещё один вопрос- а если объект вложен в другом объекте и во вложенном объекте метод. Тогда при вызове этого метода он идёт на уровень выше и по объяснение автора this должен быть родительского объекта. Проверьте так это или нет

@andTutin Год назад

this это объект перед точкой в момент вызова функции. вот и всё. да, это так просто

@vladimir_-_ 3 года назад

будут ли видео с проектами на vue ? было бы здорова на примерах профессионала посмотреть. или мини курсы

@javas9164 3 года назад

Да, вскоре планируется курс по Vue в связке с typescript ;)

@DereckRocker 3 года назад

плюсую ) +++

@archie7365 Год назад

Правильно ли я понимаю что стрелочная функция, грубо говоря смотрит на контекст который находиться выше? Если это еще одна стрелочная функция (b) грубо говоря предыдущая (a) унаследует путь стрелочной функции (b)?

@user-cw9ev9dq4v Год назад

в общем this только в функциях следует использовать, без них они странно работают видимо.

@GunaevVO 3 года назад

А если в объекте вот такая функция const obj = { name: 'vladimir', getName: () => {console.log(this.name)} } То в током виде не получается вызвать

@andTutin Год назад

прально потому что стрелка

@OnlyLuck1000 3 года назад

Очень интересно. Моё непонимание this рассеялось)) Только не понятен момент на 10:40 Т.к. "SetTimeout не имеет своего контекста он берет его из метода SayHello()". Тут сам SetTimeout не имеет своего контекста или стрелочная функция вызванная в нем не имеет контекста и перепрыгивает его?

@andTutin Год назад

стрелочная не имеет, берет у таймаута, а него это объект window

@novichok3417 9 месяцев назад

9:08 нету слова нету

@user-qg9ji2nb8r 2 года назад

@AssMass13 2 года назад

Так и не понял что такое контекст. Вот на собесе спрашивают контекст это ...?

@andTutin Год назад

В момент вызова функции создается и кладется в стек вызовов некий объект ,в котором хранятся вся информация. необходимая для выполнения функции, в том числе вычисляется this. Этот некий объект и называется контекстом выполнения. а this это просто объект перед точкой

@alexandr-v 2 года назад

А можно не записывать сначала видео, а потом его комментировать, а делать это сразу вместе? А то получается какой-то рассинхрон.

@DiLemurGame 2 года назад

Стрелочную функцию объяснил коротко и не совсем понятно

@annadiza1391 2 года назад

Кто сейчас занимает позицию "внеполитики" виновен наравне с российскими властями. "Русский мир" убил уже 85 украинских дитей сотни раненых. Много укаинских городов разбомблено и на грани гуманнитарной катастрофы, жертв гражданских в разы больше военных. Десятки тисяч убитых русских солдат валяются по всей Украине, и не кому в России до них нет дела, раненых своиже добивают. Терориста Путина необходимо остановить любой ценой, пока он не уничтожил весь МИР!