#10. Bind, call, apply и значение this в Javascript (+ вопрос, который я завалил на интервью).
Vložit
- čas přidán 3. 06. 2024
- Мой Telegram: t.me/stackdevru
В этом видео мы разберемся как работает метод bind() в Javascript, а также сравним его с методами .call и .apply. Мы также разберемся как меняется значение this в наших функциях и методах, в зависимости от использования bind, call и apply.
Пример "хитрого" вопроса про bind, на который я, в свое время, не смог ответить также привожу в видео.
Ссылка на репозиторий проекта: t.me/stackdevru/23
00:00 - Введение
00:45 - Как работает .bind - пример #1
04:55 - Зачем нужен метод .bind() - пример #2
06:39 - Используем метод bind - пример #3
06:59 - Создаем собственный метод с помощью bind() - пример #4
09:28 - Практика метод bind() - пример #5
12:50 - Вопрос про bind на интервью, который поставил меня в тупик
13:49 - Как рыботают методы call и apply в Javascript + примеры
Мои Курсы:
GatsbyJS (полный курс): gatsbyjs.ru
React для начинающих: react001.ru
Все мои курсы (+ исходные файлы): stackdev.ru
Подписывайся на соц сети:
Telegram: t.me/stackdevru
VK: vasilymur
Instagram: / vm_online
Мой блог о веб-разработке: stackdev.blog
![[柴犬ASMR]曼玉Manyu&小白Bai 毛发护理Spa asmr](http://i.ytimg.com/vi/0TsXQ7z2Dh4/mqdefault.jpg)
Очень доступно объясняете, спасибо за качественный контент!
Спасибо!
Даже спустя два года, хочу выразить благодарность, очень доступно и понятно объяснены сложные понятия!
Спасибо!
Один из лучших ваших обьяснений, спасибо!
Спасибо!
Комментирую, что бы другие тоже могли увидеть Ваши старания!
Спасибо за поддержку!
Спасибо большое за ваш труд! Приятный, спокойный голос, не устаёшь слушать а самое главное доступная подача материала 👍👍👍
Спасибо!
Спасибо что помогаете разобраться! Очень благодарен за Ваш труд. Зевс и гора Олимп послали этот канал
Спасибо за поддержку!
головне щоб не Ладим Ладимьіч
Отличное разъяснение 👍 спасибо за ваш труд ❤️
Спасибо!
отлично обьяснил спасибо!!!
спасибо.все понятно и примеры несложные для разбора.То,что нужно!
Очень доступно и интересно объясняете, спасибо за урок! Продолжайте!
Спасибо!
Присоединяюсь к адекватным комментаторам. Действительно годный контент и отличная подача. Успехов вам
Спасибо!
Отличное видео. Спасибо за доступное объяснение.
Спасибо!
Все очень понятно. Спасибо.
Отличное объяснение, спасибо 🙏
Спасибо!
Отличное видео с хорошими примерами, спасибо!
Спасибо!
очень крутой урок, спасибо!
Спасибо!
дуже дуже дуже дуже дуже якісне пояснення
все круто обьяснил, ну пропустил одну очень важную деталь про контекст, а именно контекст в стрелочных функциях, на собесах про это часто спрашивают
Вы очень хорошо поясняете, хотелось бы от вас видос про ООП (классы прототипы) и эвент луп(ну в целом про промиссы асинхронность, кол стек )
Спасибо! Про Классы и прототипы уже есть (ES6 плейлист).....там же найдете промисы. Кол стек - предстоит сделать.
Здравствуйте, видел вас в курсе по "React Путь самурая", хотел бы узнать как у вас обстоят дела с учёбой?Или может уже работу нашли?
@@user-bo4oy7ns7z Привет, нашел, но не реакт))0(
@@Nikitosss91 vue или angular?
@@user-bo4oy7ns7z нет, просто фронтом)
Просто высший класс! Смотрел видео, много думал. По сути bind создает новую функцию обертку с новой областью видимости в которую включены 2 области видимости: целевой и привязанной функции.
То есть bind это { scope 1} + { scope 2} = { scope 12 }
лучший видос по this
спасибо
Спасибо!
Рано или поздно канал бомбанет). Первый раз столкнулся с bind, call, apply, сразу все понял, за день закрепил. Самое главное понял суть this. Под каждым видео оставлю комментарий и лайк.
Спасибо! оч приятно:)
Ждем миллион подпичиков!
работаешь уже где-то?
объяснение и примеры топчик 👍
Спасибо!
Все стало ясно, спасибо!
Спасибо за коммент!
единственный человек в русскоязычном сегменте веб-обучения, который говорит "байнд" (что правильно), все другие говорят (почему-то) "бинд")))
Да ладно
потому что все на КС выросли))
привычка школьных лет...
Наконец то начинаю понимать как это все работает, спасибо Вам большое) Не могли бы Вы записать урок по конструкторам? Никак не могу понять для чего они нужны, и как их использовать
У меня есть видео про классы - в playlist ES6
10:49 более эфективно будет если сделать так:
tip: 1.1,
return total * this.tip
Отличное видео! А какая тема VS Code тут используется?
Спасибо! Это - Dracula
Добрый день. Спасибо за видео. Подскажите название темы в vscode?
Dracula
Пока), это самое толковое объяснение, которое я встречал в видео на CZcams! Прекрасно всё укладывается относительно this, bind, call, apply и даже spread operator). Так коротко и ясно сразу разложить 5 вопросов по полочкам - Amazing 👏! Жду новые видео! Спасибо!
P.s. Какая у вас тема в VSC? Если это Dracula, то почему у меня 'розовый цвет' - не розовый)?
Спасибо! тема - dracula
Спасибо за отличное объяснение 🙏
Спасибо!
16:45
а почему тут нет метода bind, ведь до этого вызывался calculate где this.tip, а в detail this.calculate(sum). Не поняла этот момент.
Поняла, что оно и так работает, а почему? Почему до этого нужен был bind, а сейчас не нужен.
спасибо
топчик
Спасибо!
Я смотрел много уроков и ни черта не понимал... уже подумал я тупой (не исключено).
Посмотрел этот ролик и все понял. Василий, ты гений. 👍👍👍👍👍👍
Только один маленький вопрос остался. Зачем нужны тогда call и apply если они оба делают тоже самое и даже разницы между ними уже нет так как оба могут получать массивы?
не совсем так - массив параметров можно передать только в apply, а в call параметры нужно передавать через запятую.
запомните мнемонику по первым буквам: с - call - comma (запятая), a - apply - array (массив)
Спасибо за курс! Хотел спросить, что по вашему мнению стоит делать после этого курса? Думаю начать учить react, но не рано ли?
Сначала база js - потом можно React начинать.
@@stackdev
Спасибо,
Сделал себе такой план:
1. dom js - ваш курс
2. Поток команд (if, else, switch и тд)
3. Устранение ошибок( как их находить, создавать свой конструктор Error)
4. Асинхронность
5. Функциональное программирование
6. ООП
7. Отправка данных в backend(axios,fetch и тд)
8. React js
@@cartoonschannel8100 + 1) Сделайте пару десятков небольих проектов на ванильном js (типа czcams.com/play/PLtL3lrXPn2rX3eDIQ4QzLEr7NZjtocwGQ.html)
2) Методы объектов и массивов (посмотрите у меня)
3) ES6 (без этого не сможете в реакт ориентироваться)
.......
@@stackdev Спасибо большое, именно так и сделаю!
@@stackdev не открывается плейлист😢 как называется канал на котором его можно найти?
Лайк, подписан. Ищу работу Frontend developer. @DR_ROBOT - телеграмм.
Привет - привет! Много интервью уже было? Про bind спрашивали?:)
@@stackdev спрашивали полифил map, а так даже до собеса не доходит, бреют. Было пару раз просили с 0 написать spa. Я не стал, там сроки ещё ставят.
@@d_r_robot А в каком это городе?
@@stackdev Если вопрос про собес, то все они по России. Если про то, откуда я, то Татарстан.
@@d_r_robot Понятно. Спаршиваю ради интереса - какие города, какие компании, что требуют....