Контекст и функции. Замена контекста, bind, call, apply. Частичные функции и вычисления JavaScript
Vložit
- čas přidán 3. 06. 2024
- 🦇 Курс Функции в JavaScript: itgid.info/course/function-2021
🦉Курс JavaScript 2.0: itgid.info/course/javascript-2
👇 Разверни для полной информации
🐾 Курс Методы массивов: itgid.info/course/arraymethod
Изучаем функции в JavaScript. Что такое контекст функции и this. Замена this в функции с помощью bind, apply, call. Вытягиванием методов объекта в функции. Частичные функции и частичные вычисления.
00:00 Начало видео
00:30 Понятие контекста функции
04:15 This в стрелочной функции
07:00 Смена контекста с помощью call
09:20 Запуск функции с call по нажатию на кнопку
11:05 Call и передача аргументов
12:55 Apply для смены контекста
19:20 Bind и привязка контекста
23:00 Bind и аргументы
24:20 Частичные функции
33:20 Вытягивание методов
Очень рада, что нашла ваш канал! Я очень долго не понимала, что происходит в JS, а после ваших объяснений понимаю. Все оказывается очень просто, если правильно объяснить. Спасибо большое ☺️
Странно, что так мало просмотров, объяснение очень хорошее и доходчивое, спасибо автору! Комментирую для продвижения видео/канала)
Спасибо, человек, ты несешь в сердца зрителей любовь к js. Контентище.
Приятно слушать и понимать. Когда понимаешь - тогда не скучно.
Премного благодарен). радуете вы меня постоянно своей подачей. от других устаю, а от вас - нет.
Очень хорошо поставлена методика разъяснения. От простого к сложному. Преподавателем тоже нужно уметь быть. Спасибо за видео.
Спасибо. Спустя два года я понял, как это работает))
Привіт.
Проходжу курси на GoIT, паралельно по кожній темі для більш глибоко розуміння передивляюсь твої відео.
Пояснення і приклади просто супер.
Велике ДЯКУЮ, за пророблену роботу!
Самый лучший урок по этой теме! Спасибо Вам большое!
Только начала смотреть, не могу оторваться...объяснения очень понятные, спасибо вам🙏🏻
Превосходно объяснили! Супер!👍🏻
Благодарю за прекрасное объяснение! Вы даёте материал понятно! 😀👍
Крутая лекция. Огонь 🔥
Спасибо! Хорошее, понятное объяснение.
Довго не міг з цими методами розібратися, дуже добре пояснюєш, дякую
спасибо огромное, действительно очень полезные уроки❤
Очень доходчиво !!!!!!!!!!!!!!!
все понятно, супер!
Спасибо за видео.
спасибо, все ясно!
Очень хорошо 👍
Девственная кнопка это 🔥🔥🔥 всем бы такие кнопки
Красавчик!
Спасибо
Спасибо🌺🌺🌺
Пасибо!
спасибо
Дякую
а у вас есть видео по обёрткам функции?
Крутые примеры и хорошая подача, спасибо. А вы senior?
Похоже что пока Милорд
на такой вопрос весело отвечать - "пока только в Испании")
Сижу и слушаю урок
Мимо проходит любимая и говорит мне что this это не windows. А я смотрю на нее и думаю ну как же Алекс сказал, что windows а она говорит что нет . И потом она говорит windows это окно а this - это . Я послушал и не стал спорить ))))
Мало ли ))
згоден. window
частично она права и в контексте js. В стрикт моде this по дефолту не windows, а indefined
Работа не волк, работа - это "ворк". А волк - это "гулять".
и не поспоришь :)
@@andreybodrov5447 может undefined?
😀
За 5 лет карьеры во фронте не было вообще случая когда необходимо было использовать bind, call или apply, исключения собеседования и классовые компоненты 15-го реакта (bind). Функцию всегда можно вызвать обычным способом и передать в нее то что нужно тебе как параметры.
я не работаю во фрот енде ну при разработке виртульной клавиатуры и игры спер не раз приходилось использовать методы контекста
Под конец какой-то компот из кода и выводов.
Лучше каждый пример начиная, либо комментировать предыдущий код либо удалять
На мой взгляд лучше говорить, что в стрелочных функциях нет собственного this, но они берут его снаружи. так сказать берут его у внешней функции обертки, если такая имеется. Поэтому this и arrow func раскрыта не раскрыта
да соглашусь, этот юнит как-то не зашёл, тут даже , не обозначали что у методов объекта, this это сам объект , хоть в конце это можно увидеть в консоле + к тому не сказано про режим use strict, про функции конструкты,да и вообще запутано как-то) не расчитано для новичков
В return можно было обойдись без тернарного оператора, оператор сравнения и так вернет boolean.
geshtal't. no gel'shtat
Очень хорошая лекция и практика! Отличный преподователь!
Но у меня все же остались вопросы.
Вот этот код работает:
function sum1(a, b, c) {
return a + b + c;
}
sum2 = sum1.bind(undefined, 2, 3);
console.log(sum2(0));
Результат = 5
Если же записать так:
console.log(sum2());
то результат = NaN, почему?
Если записать так:
sum2 = sum1.bind(undefined, undefined, 3);
console.log(sum2(1, 2));
Результат = NaN, почему?
sum2 = sum1.bind(undefined, 2, 3);
console.log(sum2(0));
Результат = 5
this = undefined, a = 2, b=3, c=0
2+3+0 = 5
console.log(sum2());
2+3+undefined = NaN
sum2 = sum1.bind(undefined, undefined, 3);
console.log(sum2(1, 2));
undefined+3+1 = NaN
Неплохое объяснение, но у меня от всех этих баттонов 1-10 и аутов, и одинаково названных функций в глазах рябит %)
За урок спасибо! но рекламы слишком много(((
скачайте и не будет