Понимание javascript - замыкания, контекст, callback.

Волшебное слово this. Понятие контекста.
Способы вызова функций. Замыкания.
Коллбеки. Коллбеки и контекст.
js.dmitrylavrik...

[@xanxan3256]

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

[@talas12341]

ты просто мало

[@SakurUKR]

Парень действительно хорошо молвит, но есть ребята, которые как минимум не хуже. Подписка +

[@dasshrs]

@@SakurUKR например? Очень интересно ещё посмотреть.

[@maksym7094]

Да еще с отличным чувством юмора - 1:35:16

[@МаратКашаев-з8б]

javaScript требует каждодневных тренировок, на канале @JavaScript_Quiz (телеграм) каждый день публикуются по 3 задачи в виде опроса с ссылкой на учебный материал, просто подпишись и прокачивайся.

[@IRONteam.]

Контекст в JavaScript похож на контекст в предложении: «Петя бежит быстро, потому что Петя пытается поймать поезд.» «Петя бежит быстро, потому что он пытается поймать поезд. Второе предложение звучит лаконичнее. Предметом предложения является Петя, и мы можем сказать, что контекст предложения - это Петя, потому что он в центре внимания в это конкретное время в предложении. Даже местоимение «кто» относится к Пете. this нам нужен для доступа к методам и свойствам объекта, который вызывает функцию, тем более, что мы не всегда знаем, имя вызывающего объекта. Необходимо усвоить всего одно правило для определения this: значение this, внутри функции, определятся не в момент создания функции, а в момент ее вызова. Значение this определяет то, как вызывается функция. Несмотря на то, что кажется как будто this ссылается на объект внутри которого был определен метод объекта. В глобальной области видимости, контекст ссылается на объект window, если скрипт не находится в строгом режиме "use strict". Когда мы используем строгий режим, значение this, в глобальной области видимости (в глобальных функциях и анонимных функциях), будет undefined.

[@talas12341]

+

[@user-uq4ix5ie3q]

Превосходно объяснил 👍

[@МаксимНаливайко-р8д]

Ну вот 58 минута у нас setInterval(timer.tick, 1000); у нас єсть обєкт timer ми у окна window визиваєм метод window.setInterval(tick, 1000); у нас вилетаєт ошибка у window нет time , elem. Ет понятно, но куда делся наш обєкт timer????

[@MrPong-kb5kt]

Низкий вам поклон, мистер

[@valerylutsevich8948]

вебинар супер, после других языков никак не мог привыкнуть к колбэкам, и временами не до конца с this было понятно, давно слышал и про call( ), но не вникал, а сейчас благодаря просто шикарному объяснению Дмитрия в этом вебинаре, наконец, кажется все это стало точно понятным. Отдельное спасибо Дмитрий за постоянные акценты, что то-то наверняка должно быть непонятно, лично мне, именно это очень помогает.

[@factotum5987]

так, пересмотрим еще разок!

[@gusmanpoliceman]

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

[@nickpravda3249]

Дмитрий спасибо вам, 2 года назад я посмотрел ваш видосик по основам программирования, вы рекомендовали начинать с js, возможно, благодаря вам, работаю в it, в достаточно крупной компании. Продолжайте в том же духе! :)

[@olegmaz3969]

Николай, а сколько времени вы учились чтоб попасть на роботу?

[@nickpravda3249]

Верстку давно знал, но на любительском уровне, на работу пошел можно сказать сразу

[@ДимДимыч-ч8и]

Коля Правда а расскажите поэтапно как вы изучили и на каком этапе изучения нашли работу?! И в какую сторону после js пошли изучать дальше?! Спасибо заранее большое. Если можно сюда написать [e-mail]. подскажите ,так сказать,младшему "брату" план действий по изучению?!

[@mgersoukiasyan3626]

@@ДимДимыч-ч8и Верстка - канал Web Design Master, Потом js чистый, потом vue.js

[@xenm85]

неужели купленный отзыв?

[@artyomsultanov5204]

Интересно вас смотреть. На любой вопрос найдете объяснение! Ваши вебинары- это лучшее, что есть на ютубе о веб-программировании. Всем друзьям уже о вас рассказал и они довольны вашими вебинарами) Продолжайте в том же духе)

[@uaplatformacomua]

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

[@ВикторСорокин-ч3м]

Какой молодец! Многие свои знания демонстрируют без внимания на то, чтобы научить, а здесь все очень хорошо. Спасибо!

[@2positive1]

Как же доступно ты объясняешь. Благодарю!

[@xenm85]

и ты понял в чем суть замыканий и как надо с ними работать?

[@slaincore]

Про замыкания и колбэки очень круто и просто объяснил! Лучше всех кого я смотрел на ютубе.

[@PacoOfficial]

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

[@omusatov]

Последний раз я с таким удовольствием смотрел уроки Игоря Борисова из Специалиста по php... Талантливо подаете, Дмитрий.

[@1988proxy]

Спасибо Огромное за Урок!!!!!!!

[@vovergg]

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

[@castiliOR]

качество изображения не очень чёткое, но качество материала оооочень чёткое. Пересматриваю на одном дыхании

[@rinatvaliullov3247]

Хороший вебинар, не знаю почему, но только после него начало приходить понимание про this и области видимости

[@enoon_23984]

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

[@muhtarkunakov452]

Отличный контент наряду с книгой Симдянова по PHP где собственно тоже берется сразу с основ у вас наиболее адекватная структура и подача материала, спасибо огромное за ваши труды.

[@СергейМеньщиков-р2ш]

Супер, мне понравился вебинар. Многое для себя уяснил и многое прояснилось.

[@seanlangley7467]

Спасибо за вебинар мучачо, снимаю перед вами свое сомбреро

[@АнастасияИванова-ш8ф]

Спасибо вам за вебинары

[@bitrixsovet448]

Спасибо, Дмитрий, вы очень круто объясняете - сразу открылись глаза на JS :) и пришло глубинное понимание. Даже пришли мысли, что и где в проектах было сделано неправильно, и как поправить :)

[@МансурДжалалов-б6и]

тупо лучший! смотришь один его ролик и потом начинаешь сам пробовать, уже с пониманием.

[@yurabeliaev8695]

Вижу Лаврика - ставлю лайк!

[@andreymanaenko1638]

Хорошо описал сложные вопросы. Очень часто задают такие вопросы на собеседованиях.

[@volydymyr9897]

Единственное что скажу, если не понятно , практиуйтесь и пересматривайте уроки!! И все будет рано или поздно понятно) Я не мог понять до конца что такое контекст , call, apply .. Сейчас смотрю и для меня ето все просто елементарно выглядит) Терепение, все будет)

[@vladimirkuzmin1953]

Посмотрел первый раз, поплакал, пошел подучил основы) Вернулся через неделю, пересмотрел , уже понятно более менее) Через недельку напишу че за КАЛЛбэки такие и как их простым людям понять)

[@RinatYouldashbaev]

Про коллбэки с 1:16:00

[@romanfedorov369]

сенкс браза

[@xCTPEJIOK17x]

Спасибо! за ними и пришел!))

[@ninzzo9867]

это лучший урок по js ! чувак талант

[@xenm85]

мб. Так в чем суть замыканий в js?

[@nazargavrilov873]

@@xenm85 замыкания - способность языка создавать приватный контекст. В функционале - где используется работа с валидацией полей это используется

[@Владислав-ш4ф]

41:14 - Ещё можно анонимную функцию в onclick и туда items[i].classList.toggle('item-active'), только если в цикле писать не var i, а let i

[@ivansidorov5]

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

[@саша-ю1в9ь]

если функция находится в функции, то она видит все переменные родительской функции по правилу замыкания... А Дмитрий - он просто напросто избегает тавтологии и реально крутой преподаватель, потому и все так просто и понятно.. Если бы не его уроки- я бы никогда не понял ничего по програмированию... В который раз- благодарю за уроки и продолжаю учиться)

[@unistar42]

Потрясно! Я наконец познала коллбэки). И про замыкания я уже поняла, но повторить было оч.полезно.

[@nickzhurenko]

Чудесно) спасибо!) Жизненные примеры очень радуют и способствуют пониманию!

[@maxssobolev]

Господи, только благодаря вам я смог понять что делает this и перестал бояться ООП в языках в целом!

[@xenm85]

и ты понял в чем суть замыканий и как надо с ними работать? И чем ООП js отличается от классики?

[@andreyandreich4858]

Дмитрий кросавчег, всё объясняет четко

[@WashYourBack]

Хороший вебинар, время было "потрачено" с пользой.

[@sagalav]

рекомендовали это видео, чтобы разобраться в данной теме... Все хорошо, все понятно... Но без анонимной функции теряется контекст Дмитрий даже не пытался объяснить.. И так же происходит в куче других видео, книг и статей...А именно это я хотел выкурить.. Это какая загадочная вещь :)

[@david_shiko]

Смотрю уже не 1 видео от этого автора, Потрясающие вебинары! где ссылка на покупку? Готов купить за миллион. Только слушателей обычно много, отвлекают своими глупыми шутками автора в комментариях.

[@andykud63]

Про колбеки бы добавил что их можно вызывать не только в конце, а везде где надо ответвиться от основного кода функции

[@lapetitemort1666]

ООООООООО да наконец-то КТО-то это сделал доходчиво и внятно БЛАГОДАРЮ.....

[@scripterdds8001]

Димон, этот видос крутой, го еще жести и посложнее, чтобы у меня мозг совсем взорвался.Это испытание было пройдено и я всё понял.

[@elenadanchenko276]

Спасибо вам большое!все очень понятно!

[@kimTier]

Спасибо большое! Просто реанимировал. Препод от бога.

[@jsb7239]

Стоит пересмотреть! 👍🏻

[@SergiuBurduja-y1l]

Да неужели, сколько лет я уже жду корс по javascript от лаврика.

[@serhiichernyshov7172]

один из лучших преподавателей js

[@vazgenaleksanyan2929]

Все что надо смотреть, ищу с начало у Лаврика.

[@Sergey-vh3vj]

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

[@oleksiykurylyuk4696]

Здравствуйте. Спасет оборачивание в анонимную немедленно вызываемую функцию (IIFE): items[i].onclick = function (x){ return activeItem}(i); Function activeItem(x){ Items[x].classList.toggle(‘item-active’) }

[@optimusprime9456]

Хорошо знаю JS, просто было интересно, чему там учат на ютубах) Неплохие объяснения + человек хотя бы умеет нормально разговаривать, а не как какие-нибудь хаудихо) Занудные замечания: За использование window.onload без веских причин - надо бить по рукам, а не поощрять!) 37:53 - querySelectorAll возвращает не массив, а список элементов NodeList. console.log( document.querySelectorAll("body") instanceof Array ); // false console.log( document.querySelectorAll("body") instanceof NodeList ); // true 55:57 - вместо innerHTML хорошо бы писать textContent, если туда передается именно текст, а не HTML. 1:05:40 - Функция срабатывает только потому что конкретно тут min равен нулю. Она должна выглядеть так: return Math.floor( Math.random() * (max - min + 1) + min ); 1:27:12 - if (steps === 0) ошибка. Функция срабатывает просто потому что 1000 / 50 получается целым числом. Было бы дробным, оно бы прошло мимо нуля в минус и никогда бы не останавливалось. Нужна проверка if (steps

[@АртурВаськевич-л6и]

А что по js посоветуешь ?

[@catshannon5064]

Дмитрий Лаврик, я нашел ошибку в вашем коде. Не return Math.floor(Math.random()*(max-min+1)); а return min + Math.floor(Math.random()*(max-min+1)); Ваш код работает нормально поскольку min = 0, возьмите другой min и работать не будет.

[@ЛеонидТитов-щ8х]

Так в прошлом уроке min + просто перенесено в конец строки: Math.floor(Math.random()*(max-min+1)) + min

[@BTL4JUR]

Бесценное объяснение, как дважды два. Человек свободно владеет тем, что объясняет.

[@web4453]

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

[@DHor9]

за этот урок - однозначно подписка

[@SergiyAntonyuk_PhD]

Полезный вебинар. Спасибо!

[@СергейПаршин-в9щ]

kzbin.info/www/bejne/gn6TpYpogr99kJY Функция mtRand написана не верно. С min=0 работать будет, но с другими значениями нет. Необходимо исправить - return Math.floor(Math.rabdom() * (min - max +1)) + min;

[@yakut54]

Ёкарный бабай. Первый класс вторая четверть.... И чего тут непонятного было 4 года назад? )))

[@ScaleChannel]

Все доступно объяснил, молодец ;)

[@leader7700]

интересная подача инфы)) было интересно) спасибо)

[@Рексар-т2п]

интересно рассказывает я даже не понял как час прошел и самые нужные темы

[@SergioWahaWaher]

спасибо за видос конечно. но то, что этот видос создан в качестве приманки на твои курсы, бесит нереально) и заканчиваешь всегда на самом интересном

[@КальцийЙод]

Если я правильно понял, то в примере с таймером в первом случае передается ссылка на функцию ( timer.tick ) и ее уже setInterval вызывает в window. => ошибка. Во втором случае анонимная функция вызывает метод timer`a, который она видит по замыканию.

[@GlookRUS]

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

[@aleksejsaleksejevs7818]

Zhivago трудно произносить, вот и вся проблема названия 🤭

[@devidmakkoi8123]

Как же вы меня запутали с рандомом из доступных элементов 1:06 ... Никак не мог понять, зачем вы 0 отправляете, если randon всё равно принимает значение нуля. Зачем из length вычитать единицу, а потом в math эту же единицу прибавлять к length. Как же я тупил. Искал сокральный смысл. Над this так не тупил, над call ещё меньше думал. А тут весь день ходил и думал - "почему, зачем?" . А потом понял, что все мы люди... ) В общем доверяй, но проверяй. А формула там такая: Math.random() * (max - min) + min; Не включительно max.

[@ВладиславАндреев-з3н]

Неправильно, потому что получится Float число, Дмитрий использовал floor(), чтобы округлить вниз, а после добавил 1. И получается, что все значения рандома от 0 до 1 будут 1

[@devidmakkoi8123]

@@ВладиславАндреев-з3н Не понял. Сначала считаем то, что в скобке. В скобках получаем float от Math.random, умножаем на lengh - 0 +1 (в инструкции выше вычитали эту же единицу), а только после этого применяем floor. Floor применяется для того, что бы на выходе получать целые числа, ну и 0 будет чаще выпадать. Но в любом случае, код не корректный, хоть и работает. С тем же успехом, можно было из length не вычитать ничего и не отправлять 0 в min. Min тогда вообще не нужен был.

[@rv6819]

Вебинар класс. Ссылочку для отзывов в вк тоже добавляй в описание!

[@ОльгаЧерниговская-ь5з]

супер, спасибо! долго билась с этой темой до этого видео

[@e_zelenkov]

супер. очень доступно! было бы не плохо про promise такое же выложить!

[@victormog]

К чему тогда этот новый термин _"замыкание",_ если есть логичный и старый термин из С/С++ _"область видимости"?!_

[@mgersoukiasyan3626]

замыкание области видимости

[@xenonist4502]

Спасибо огромное за урок, я всё понял) Материал отличный, покупать курс я, конечно же, не буду) (ибо школьник)

[@kani-akun]

Как к вам попасть на курс js, ? К сожалению курс начался , когда будет новый поток ?) недавно начала смотреть ваши уроки очень доходчиво объясняете.

[@SNSDfOu]

17 год, я был так молод и горяч

[@dezo103]

Классно объясняешь, спасибо

[@goshovsky96]

Спасибо! Некоторые знания по JS были. Хотел узнать немного о замыкании. Так получилось, что узнал что за кулбэки, и как используються - кажется с этим я хорошо разобрался. А вот с замыканиями - я только понял что они используются для получения каких то переменных (обьектов или значиния) из функции которую интерпретатор в начале запуска проинициализировал, но мы еще не использовали, или уже вышли за границы её видимости. Как то так я понял. Вообщем мутно еще понимаю замыкание. И контекст связаный с замыканием так же плохо зашел. Буду разбираться с этим!) Можете книжку посоветовать хорошую по JS?

[@sdsaasdasd4683]

Дмитрий красава!

[@roman--s]

kzbin.info/www/bejne/gn6TpYpogr99kJY А как же event.target ? До изучения контекста всегда решал подобную задачу event.target или event.currentTarget по ситуации.

[@phpdevelopercode636]

Я при событии вместо this использовал объект event тоже работает 39.09

[@vladk3111]

Добрый день. Спасибо за видео. Дмитрий, подскажите, 40:50 мы же здесь можем использовать делегирование событий, верно? Повесить на родительский div событие, и через event.target.closest('div) при клике на конкретный див - будет происходить событие. Эти два способа по своей сути равнозначны? Если есть какие-то нюансовые различия ? Спасибо

[@Max_Reason]

Дмитрий, а почему вы говорите на 43:00, что только this можно применять и замыкание тут применить невозможно? Это же не так. Через замыкание можно решить данную задачу.

[@freezinful]

звонок спине)

[@PacoOfficial]

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

[@dmytrodemydenko3534]

Идеально все обьяснил, спасибо!

[@romangorbenya]

Очень хорошо!

[@serebniti]

Зыс

[@МагжанСыдыков]

Хотя бы не "зис".

[@valeriavaleria9507]

кот на 17-й минуте шикарный)

[@espocada_official]

я подумал это человек с длинной рукой

[@GrafKarlsonskiy]

44:30 почему нет? В жизни же коту можно дать ускорение. И как потом дальность полета определить тогда, если параметр ускорение не передаем?

[@eukoc8979]

ну сомнительно порой. Замыкание (англ. closure) в программировании - функция первого класса, в теле которой присутствуют ссылки на переменные, объявленные вне тела этой функции в окружающем коде и не являющиеся её параметрами. Говоря другим языком, замыкание - функция, которая ссылается на свободные переменные в своей области видимости. А не то, что он нагородил =) Вроде и не обманул, но запутал знатно.

[@alexandervasilenko1481]

Спасибо, очень полезно!

[@dmitriytyurnin4605]

Браво! Супер!

[@URAHOV]

Дмитрий, благодарю за урок. А вот для таких как я, кто с первого раза ничего не понял. Обучение JavaScript "this - контекст исполнения функции" Посмотри и все поймешь --- kzbin.info/www/bejne/aZPXfmSbqs-Zb9U

[@wepko]

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

[@Mazjet]

Не знал, что соболев так шарит

[@yurayakunin1553]

Ребята, подскажите, пожалуйста, на каком времени говорится про Замыкания. Не охота всё видео смотреть

[@antonriazhenov5860]

почему я переписываю все точь-в-точь как на экране(проверяю все в плоть до каждого символа) и консоль мне дает ошибку

[@sergannn]

не нужно переписывать, нужно понимания писать

[@texno5440]

42:30 items[i] вообще то проходит )

[@persoundproducer]

а можно ли было на 31 строчку просто прописать elem.style.dispalay = "none"? В чем смысл именно делать параметром вызов?

[@fenix_63]

Урок супер

[@Ihor.Kuptsiv]

смотрю на х1.25, годно:)

[@aleksejsaleksejevs7818]

Учитель! Подскажите пожалуйста, на 1:30:19 вы создаёте функцию callback, которая выполниться после того как элемент исчезнет, так зачем же создавать эту функцию, если можно в if statement после clearInterval, прописать исчезновение?

[@MrDannyCotta]

Aleksejs Aleksejevs насколько я понял тут фишка в том что можно любое действие прописать , а не определенное - то есть функция становится универсальной и её можно применять к разным объектам с разным колбэком . Просто в параметр функции где привязан колбэк можно записать любую функцию

[@romandavydov3738]

Cool! All understandble

[@vvv7220]

Физ мат ВУЗа обязателен для понимания программирования? Я тракторист, есть ли шансы понять JS ?

[@moonbreathing]

физмат вам не нужен, дерзайте, изучайте