ЗАМЫКАНИЯ В JS за 15 минут: ОТ и ДО | Что такое лексическое окружение и как связано с замыканием?

  Переглядів 70,396

Pomazkov JS

Pomazkov JS

День тому

* ИНТЕНСИВ "Игра на чистом JS: с нуля до деплоя": pomazkovjs-hangman.ru/
⭐ Поддержать донатом: boosty.to/pomazkovjs/single-p...
Почему у вас не получается понять замыкания в JS?
Всё просто: вам неправильно объясняют!
В этом видео я объясню вам замыкания так, что больше у вас не возникнет проблем на собеседовании и при решении задач НИ-КОГ-ДА.
Посмотрев видео до конца, вы узнаете:
- Что такое лексическое окружение
- Что такое замыкание простыми словами
- Как замыкания связаны с лексическим окружением
- Задачи на замыкания на собеседовании: примеры и как правильно их решать.
Приятного просмотра! 🔥
➡️ ROADMAP с НУЛЯ до MIDDLE: • Что должен знать JUNIO...
* ТАЙМ-КОДЫ:
00:00 Вступление
00:05 Мой опыт
00:41 Что такое лексическое окружение в JS
03:16 Что такое замыкания в JS
05:54 Задача на замыкания 1
10:03 Задача на замыкания 2 (посложнее)
13:34 Дополнительный вопрос по задаче 2
14:17 Заключение
* СОЦ. СЕТИ:
👀 Instagram - / pomazkov.js
🚀 Telegram - t.me/pomazkovjs
* ОБО МНЕ:
Меня зовут Арсений Помазков, я - senior frontend-разработчик, начавший карьеру на американской фрилансе-бирже и прошёдший путь от «стажёра» до «старшего разработчика».
Я обучился программированию самостоятельно, и моя цель - показать вам, что веб-разработка - это не только перспективно и востребовано, но и очень увлекательно 🔥
#фронтенд #замыкания #javascript

КОМЕНТАРІ: 467
@user-jn5wj6vc9d
@user-jn5wj6vc9d Місяць тому
Наглядное и прозрачное объяснение, подача материала шикарная!!! Хотелось бы увидеть объяснение рекурсии и асинхронности и промисов в JS
@FlaminGOsamp
@FlaminGOsamp Рік тому
Это наверное мой второй комментарий за 7 лет на ютубе. Очень понравилось преподнесение материала, всё очень понятно и приятно смотреть, продолжай делать видео!
@loadmore
@loadmore Рік тому
Молчаливый боб прослезился , читая этот комент
@pomazkovjs
@pomazkovjs Рік тому
Не только Молчаливый Боб, я тоже прослезился... Спасибо 🙌
@beda9679
@beda9679 10 місяців тому
Согласен с автором комментария и хочу так же поблагодарить ,что помог освежить память! было бы круто от вас услышать разбор промисов
@aldarzhai
@aldarzhai 5 днів тому
@@pomazkovjs подскажите, пожалуйста. Есть пример: for (var i = 0; i < 3; i++) { setTimeout(function log() { console.log(i); }, 1000); } В глоб. лекс. окр. будет {ссылка: null, переменные: for} А дальше в локальном как? Решение задачи знаю, но хотел как у вас расписать, но что то путаюсь
@aldarzhai
@aldarzhai 5 днів тому
и если заменить объявление i на let
@agamirov1195
@agamirov1195 20 днів тому
Самое лучшее объяснение этой темы на просторах youtub`а. Прочитал кучу материала, но на так и не улавливал сути и вот тебе пожалуйста 15 минут и готово. Спасибо!
@etherium-gold
@etherium-gold 10 місяців тому
Красавчик, наконец кто-то рассказал не как работает замыкание, а, что это такое.
@arimaarima9583
@arimaarima9583 8 місяців тому
Ты лучший. Посмотрел множество видео и перечитал много инфы, но так до конца не понял, как все работает, пока не наткнулся на твое видео. Спасибо за контент.
@user-wn1bs9fi7e
@user-wn1bs9fi7e 7 місяців тому
Спасибо! Лучшее объяснение, из всех, которые я видел на сегодняшний день! )
@peghay4290
@peghay4290 16 днів тому
Всегда думал, что замыкание это какая-то мегасложная тема, а оказалось проще простого. Спасибо за понятное объяснение
@ArsenyA.
@ArsenyA. Рік тому
Видео случайно вылезло в рекомендациях, когда готовился к собесу, и что такое замыкание уже давно знаю. Но объяснено очень круто и наглядно, лайк за такой контент.
@shellhell2223
@shellhell2223 Рік тому
Великолепно! Пойду дальше учить HTML
@vera_di
@vera_di Рік тому
Как дела?)
@JS_Skyline
@JS_Skyline 11 місяців тому
@@vera_di Не дался, наверное, HTML ))
@shellhell2223
@shellhell2223 11 місяців тому
@@vera_di Великолепно!)
@vera_di
@vera_di 11 місяців тому
@@shellhell2223 спасибо за оценку ☺️
@shellhell2223
@shellhell2223 11 місяців тому
@@vera_di Не помню, чтоб я вас оценивал ))) Но, всегда пожалуйста😀
@user-dy9in2sz7x
@user-dy9in2sz7x Рік тому
красавчик) работаю фронтендером год, но просто посмотреть видос, что бы понять как о механизме расскажут другие - интересно) Продолжай в то же духе, у тебя хорошо получается
@user-iu5py4wd1l
@user-iu5py4wd1l Рік тому
Наконец-то нормально объяснение замыканий. Благодарочка автору. Не забивай на канал!
@pomazkovjs
@pomazkovjs Рік тому
Ни в коем случае. Прорываюсь сквозь все преграды и выпускаю новые ролики 🙌 С трудом, не так часто, как хотелось бы, но процесс идёт
@nightdreams5521
@nightdreams5521 Рік тому
Это лучшее объяснение, что я видел. Хотя я и знал про лексическое окружение, в моменте, когда нужно решить подобную задачу, где-то терял нить. Но тут прям по полочкам, при чем затронул все дополнительно возникающие вопросы. Видео супер, спасибо!
@pomazkovjs
@pomazkovjs Рік тому
Очень рад слышать такое, спасибо за комментарий!
@eclipseweb1419
@eclipseweb1419 Рік тому
Арсений, спасибо тебе огромное за этот чудесный гайд!
@romario27222
@romario27222 3 дні тому
Очень просто стало после слов пройдемся по коду как интерпретатор! По шагам воспринимается гораздо быстрее и запомнить легче. Спс
@Akkardi
@Akkardi 7 місяців тому
Ваш канал находка для меня) только начал изучать js, вы все понятно объясняете, спасибо🔥
@user-wx8dv1vq5c
@user-wx8dv1vq5c Місяць тому
🧡 Спасибо, очень полезно! Хочется ролик про асинхронность в JS 🙏
@user-ob1um5jx8q
@user-ob1um5jx8q Рік тому
Вот то что искал! без воды и качество классное! звук приятный!
@user-fw5ew5nd4f
@user-fw5ew5nd4f Рік тому
Это лучшее, что я смотрел про замыкание. Спасибо и продолжай в том же духе!
@maxsolo6446
@maxsolo6446 Рік тому
Действительно полезно 👏 Спасибо за видео. Особенно понравился последний пример задачи с собеседования👍
@dexterdenmark5988
@dexterdenmark5988 Місяць тому
Спасибо. Все понял. А за монтаж прям отдельная похвала! Спасибо!
@user-cr6zk9qy7g
@user-cr6zk9qy7g Рік тому
Самое понятное объяснение понятия "замыкание", интересно и приятно смотреть, так держать!
@wekuchi
@wekuchi 4 місяці тому
Довольно лаконичное объяснение материала. Спасибо за проделанную работу)
@derget15rursk44
@derget15rursk44 3 місяці тому
Лучший материал по этой теме, озвучка, фон, объяснение все на 10 баллов! Спасибо
@tatigrape747
@tatigrape747 6 місяців тому
Спасибо! Не бросай снимать пожалуйста
@dd_vl
@dd_vl 9 місяців тому
Очень структурированная и доступная подача, качество на высоте. Был бы рад видеть ролик про промисы)
@davit21.
@davit21. 9 місяців тому
Вы очень хорошо объясняете каждую тему, большое спасибо, вы делаете большую работу
@serhiikravchenko2482
@serhiikravchenko2482 3 місяці тому
Впервые встретил видео, в котором все разложили. Просто топ!!! Продолжай делать видео в таком формате)))
@aleksey_poplaukhin
@aleksey_poplaukhin 2 дні тому
Богом посланный учитель!
@yuryarakelove5322
@yuryarakelove5322 Рік тому
Великолепное качество материала и подача, спасибо!
@user-lt8xy9hm9q
@user-lt8xy9hm9q Рік тому
Для полноты картины стоило упомянуть про главную аномалию в этой теме - цикл for с итератором, объявленным через let: "for (let i=..." (и за одно про то, что каждая итерация тоже создаёт лексическое окружение)
@doge8633
@doge8633 4 місяці тому
так там не только про замыкание речь будет, а еще об event loop. Они взаимосвязаны.
@olgapolskolg1112
@olgapolskolg1112 Рік тому
Отличная подача материала! Большая благодарность Арсению)
@kliui_valeria
@kliui_valeria 8 місяців тому
очень полезно, спасибо большое! с count в последнем примере ошиблась, но так приятно было разобраться в итоге, ура!
@vitalibabunka
@vitalibabunka Місяць тому
Арсений, большое спасибо за такое доступное, лаконичное и в то же время ёмкое объяснение непростой для меня темы!Успехов!
@michaelcooper7127
@michaelcooper7127 2 місяці тому
Спасибо! Мне очень нравится как вы обращаете внимания на некоторые моменты, которые могут быть непонятными для обучающихся. Я сам опытный разработчик, но тоже кое-что полезного узнал. Продолжайте в том же духе!
@user-fz5ig3dx1i
@user-fz5ig3dx1i Рік тому
Это вау! Даже при том что я все это знал на уровне интуиции. Теперь реально по полкам лежит. Полезным будет разбор сложных кейсов асинхронщины, макро и микротасок, могу еще идей накидать. Вообще мне нравится курс на то чтобы объяснять какие-то еще важные штуки попутно, вкупе это лучше усваивается и запоминается. И еще, сейчас все курсы объясняют основы, но так что потом приходится переучиваться и смотреть на код по-другому. Поэтому в качестве обратной связи рекомендую в каждой теме углубляться максимально, то есть, например, не говорить что объект это просто структура данных с полями и значениями, а сразу же объяснить как он хранится в памяти, про ссылочное присваивание и более сложные нюансы с их работой, что строки, например, это тоже под капотом объекты и у них есть методы. Такие видео будут интересны и более опытным разработчикам. Контента для новичков полно, а продвинутые юзеры евентлупа тоже жаждят знаний)
@MakcKipelov
@MakcKipelov 5 місяців тому
сейчас на курсах как раз эта тема, решил послушать других, как рассказывают интересно, спсибо. Задачки супер. Каждая следующая задачка, помогает понять лучше
@Aleksa013
@Aleksa013 23 дні тому
Кратко, понятно, великолепно)) Спасибо за Вашу работу!
@user-xp4qs6wz1o
@user-xp4qs6wz1o 10 місяців тому
Спасибо тебе большое за столь подробное и важное объяснение базовых понятий!
@LazyFossil
@LazyFossil Рік тому
Тоже вот учу Front-end, смотрю все твои видео, очень приятный блогер, спасибо)
@alinadostoevskaya5107
@alinadostoevskaya5107 Рік тому
кажется, у меня появился ещё один любимый канал про frontend! Спасибо Вам большое за видео!
@pomazkovjs
@pomazkovjs Рік тому
Очень рад слышать такое) Добро пожаловать 🙌
@PieceOfInternet
@PieceOfInternet 9 місяців тому
Спасибо, пожалуй самое исчерпывающее объяснение замыкания)
@fecsil3865
@fecsil3865 Рік тому
блин мужик, это реально слишком качественный контент, который заслуживает гораздо больше фидбека, ты очень крут не мог бы в одном из следующих роликов рассказать по темам: "Что выбрать фриланс или работу" и "с чего начинать джаваскрипт" буду очень рад если снимешь)))
@user-vp7zv8kl7w
@user-vp7zv8kl7w Рік тому
Спасибо автору, донес информацию очень доходчиво. Жду видео про отличия var, let и const😊
@pomazkovjs
@pomazkovjs Рік тому
Сделано ✅
@user-of1nn3kf5c
@user-of1nn3kf5c Рік тому
чувак, очень классно, продолжай делать видосы пожалуйста, у тебя оч хорошие скиллы преподавания, после просмотра вопросов, если и становится больше, то энивей их легко сформулировать спасибо!
@niknik6420
@niknik6420 9 місяців тому
Это лучшее для меня обьяснение. Благодарю.
@mumusus
@mumusus 2 місяці тому
Спасибо большое! Я так долго тоже не мог понять и как бы "логически визуализировать в голове" всю эту картину, а тут все стало понятно!
@aliicomua1369
@aliicomua1369 Рік тому
Спасибо за внятное, понятное объяснение. Все по полочкам.
@olegklovsky8764
@olegklovsky8764 23 дні тому
Спасибо, Арсений! Сейчас прохожу JS на курсах в Израиле. Мне достаточно много лет, у меня советское образование программиста(Pl1, Fortran, Assembler). Фронтенда тогда не было, и у меня сейчас в процессе обучения возникли некоторые трудности. Не скажу, что наш преподаватель плох, но твои объяснения до меня доходят куда яснее.
@heybetches5483
@heybetches5483 Рік тому
лучший, спасибо за подробное объяснение! успехов тебе в продвижении канала.
@nosnayp9897
@nosnayp9897 6 місяців тому
это самое лучшее пояснение из всех что я видел)
@RamaRama-qv3jo
@RamaRama-qv3jo Рік тому
Огромное спасибо, надеюсь ты и дальше будешь выпускать подобные видео!
@kutas8388
@kutas8388 10 місяців тому
Брат, я тоби лублу! Это лучше объяснения что я видел, спасибо ❤
@timurbirgalin4704
@timurbirgalin4704 Рік тому
Офигенное видео, очень понятно и увлекательно рассказываете! Успехов в развитии канала, у вас всё точно получится:)
@skyxXan
@skyxXan 6 місяців тому
Просто огромное душевное спасибо вам, вы объясняете так просто но так понятно, благодаря вам я понял очень многое в js, другие программисты не умеют объяснять так как вы (не все футболисты становятся тренерами), но вы просто шедевр, еще раз огромное спасибо что заморачиваетесь чтобы объяснить такую трудную подтемку, у вас это очень хорошо получается p.s. напишу еще комменты под др ваши видео, чтобы ютуб продвигал в массы!
@StanislavSiberia
@StanislavSiberia 2 місяці тому
Спасибо. Все шикарно. У вас талант.
@svkkpk3869
@svkkpk3869 Рік тому
очень понятное объяснение, спасибо!!! ждем var, let, const. Приятно будет послушать, подача материала нравится, да и для новичков контент будет полезный
@sedelkin_ru
@sedelkin_ru Місяць тому
Редко оставляю комментарии, но тут невозможно удержаться. Пожалуй это лучшее объяснение замыканий которое я слышал)
@denistankoff8181
@denistankoff8181 Рік тому
Арсений, выражаю огромную благодарность за такой подход к объяснению темы замыканий! думаю имеет смысл раскрыть тему по var let const, о чем вы говорили
@pomazkovjs
@pomazkovjs Рік тому
Спасибо! Про var/let/const видео уже на канале)
@zxcawenka
@zxcawenka 5 днів тому
просто лучший! все максимально понятно и интересно
@manuchehr_tilloev
@manuchehr_tilloev Рік тому
очень крутое объяснение. И очень бы хотелось увидеть видос с таким же объяснением про var, const и let 😍
@pomazkovjs
@pomazkovjs Рік тому
Готово ✅ Видео на канале)
@manuchehrtilloev1196
@manuchehrtilloev1196 Рік тому
@@pomazkovjs спасибо 🔥🔥🔥
@alexandregorov3239
@alexandregorov3239 10 місяців тому
очень качественное объяснение, спасибо большое! хотелось бы послушать про методы массивов и в какой ситуации какой выбирать
@krup1783
@krup1783 11 місяців тому
Красивая картинка, звук топ, объяснил все доходчиво. Отличный контент 🎉
@pomazkovjs
@pomazkovjs 11 місяців тому
Спасибо!
@aliaksandrdzivin
@aliaksandrdzivin 2 місяці тому
Спасибо за контент - случайно наткнулся когда искал ролики про this и затянуло))) Объяснение и подача - просто бомба, но не хватает пока контента - та же рекурсия, промисы с асинк эвэйт и много чего хотелось бы услышать в вашей интерпретации. Успехов и продолжай в том же духе. С меня подписка, палец вверх, комментарий и колокольчик)
@user-sf7hl7fn8m
@user-sf7hl7fn8m 5 місяців тому
Наконец-то, хоть один человек связал замыкание и лексическое окружение) Объясняю всем точно также, то есть обязательно связываю с лексическим окружением) Красава!
@OlyaBachinina
@OlyaBachinina 19 днів тому
Спасибо за подробное объяснение темы 🔥
@po4tika3ax62
@po4tika3ax62 Рік тому
Огромное спасибо за столь понятное объяснения замыкания)
@maxhermany
@maxhermany 2 місяці тому
Одно из лучших объяснений 👏
@zalkarmamatkasym6743
@zalkarmamatkasym6743 5 місяців тому
Сомневался что это урок для новичков и много воды но оказалось очень информативно и разобрано как все под капотом
@JohanLiebert2003
@JohanLiebert2003 6 місяців тому
Вондерфульно, замыкания и эту тему давно прошел и чисто по фану решил посилтоеть с утра ща чашкой кофе, очень подробное и структурированное объяснение, респект
@DirtyRhythms
@DirtyRhythms Рік тому
Да, действительно понятное объяснение. Благодарю...
@ProgrammerFlunt
@ProgrammerFlunt Рік тому
Очень крутой видос: грамотно поставленная речь, хороший навык преподавания, приятный визуал. Лайкнул и подписался!
@pomazkovjs
@pomazkovjs Рік тому
Спасибо, очень рад слышать!
@dmitriyovcharov7143
@dmitriyovcharov7143 4 місяці тому
Стало сильно понятнее, спасибо за такое подробное объяснение!
@albertgabrielyan741
@albertgabrielyan741 10 місяців тому
всё очень понятно и приятно смотреть, продолжай делать видео!
@tabrisel
@tabrisel 25 днів тому
Замечательное видео) Все очень понятно, благодарю!
@grossuAst
@grossuAst 2 місяці тому
Это лучшее объяснение замыкания, что я видел
@pavelyoung6355
@pavelyoung6355 3 місяці тому
Благодарю за проделанную работу)
@user-nn8bc1zi3p
@user-nn8bc1zi3p 7 місяців тому
Здорово! Хотелось бы больше учебного контента - актуального!
@user-wh1tt7cd1b
@user-wh1tt7cd1b 24 дні тому
Теперь понял, как работает короткое замыкание ❤
@efimkapliy6370
@efimkapliy6370 Рік тому
Полезный материал! Качественно отснят! Молодец, что радуешь содержательными роликами по front-end! Просьба: сними видео про отличия var, let и const, интересно будет от тебя посмотреть.
@pomazkovjs
@pomazkovjs Рік тому
Готово ✅ Видео уже на канале)
@efimkapliy6370
@efimkapliy6370 Рік тому
@@pomazkovjs Подробное видео получилось! Подробнее чем даже я этого ожидал👍
@prgJkeee
@prgJkeee Рік тому
Спасибо большое за видео! Очень хорошее объяснение, но нужно теперь ещё раз всё пересмотреть и закрепить практикой! =) Ждём новых видео!!!
@pomazkovjs
@pomazkovjs Рік тому
Практика - всему голова, это точно
@spbdetonator1
@spbdetonator1 11 місяців тому
Автор красавчик. Разложил все по полочкам.
@952a259
@952a259 Рік тому
Спасибо за хорошее объяснение! Сейчас как раз изучаю замыкание и это видео очень помогло!
@pomazkovjs
@pomazkovjs Рік тому
Рад слышать!
@pashslatwyezcky
@pashslatwyezcky 10 місяців тому
Лучше объяснение, что я видел. Спасибо!
@cepbepok
@cepbepok 2 місяці тому
Супер! Особенно полезным оказался последний пример с message!
@valeriyk7565
@valeriyk7565 Рік тому
Супер, спасибо за доходчивое и простое объяснение!
@sergeybelov9879
@sergeybelov9879 Рік тому
Братан, хорош, давай, давай, вперёд! Контент в кайф, можно ещё? Вообще красавчик! Можно вот этого вот почаще?
@ivantatarenko8858
@ivantatarenko8858 5 місяців тому
Крутое видео все очень подробно и понятно, как раз для тех кто поленился читать документацию)
@user-wq9jq9zd8g
@user-wq9jq9zd8g 3 місяці тому
Очень наглядно и понятно. Спасибо!
@erixdj5116
@erixdj5116 Місяць тому
Красавчик, все четко понятно.
@Rozalinaag
@Rozalinaag 3 місяці тому
Благодарю за видео 😊
@yoopigo
@yoopigo 5 місяців тому
Лучшее объяснение замыкания, спасибо
@user-bn6fl5yp2d
@user-bn6fl5yp2d 10 місяців тому
🎉🎉🎉 наконец, тема замыкания раскрыта понятно и с примерами) спасибо) можно ли записать видео про контекст(this)?) и показать его значения от способа вызова
@flightcommunity.kingsofthe6606
@flightcommunity.kingsofthe6606 Місяць тому
Это мой первый коммент на ютубе!!! И он достается тебе!)))) Потому что ты его реально заслужил своей подачей и подробнейшим разбором! Вижу по остальным комментам всем понравилось. Спасибо, сил тебе человек и добра желаю от всей души)
@niakhai3659
@niakhai3659 10 місяців тому
Спасибо , хорошее объяснение и красиво оформлено видео)
@user-qz1cr6rk9q
@user-qz1cr6rk9q 8 місяців тому
Спасибо за отличное объяснение
@user-he9tc9nr3n
@user-he9tc9nr3n 10 місяців тому
Хорошая подача, приятно послушать. Интересно бы послушать про прототипы.
@user-me1xf8io8w
@user-me1xf8io8w Рік тому
Просто благодарю за проделанную работу
@user-th2ox3hh4r
@user-th2ox3hh4r 11 місяців тому
Второй раз смотрю видео, уже стало более понятно) спасибо за доходчивое объяснение. Единственная просьба - говори чуть-чуть медленнее))) в остальном респект!
@lil_mosach
@lil_mosach Рік тому
очень классная подача, спасибо вам большое! Будет неплохо если сделаете видео по var, let, const
@FROMELTONY
@FROMELTONY 10 місяців тому
ты мой герой отлично объясняешь, все очень доступно и наглядно расскажи про промисы пожалуйста
@pomazkovjs
@pomazkovjs 10 місяців тому
Спасибо ахахах) Есть в планах!
MINHA IRMÃ MALVADA CONTRA O GADGET DE TREM DE DOMINÓ 😡 #ferramenta
00:40
Замыкания, просто и с примерами. Функции JavaScript
39:25
WebDev с нуля. Канал Алекса Лущенко
Переглядів 44 тис.
Замыкания в JavaScript с примерами. Фундаментальный JavaScript
22:39
Что такое ЗАМЫКАНИЯ в JavaScript? Как они работают? Разберём на примерах
35:49
Эльбрус Буткемп: школа программирования
Переглядів 3,4 тис.
React и Next js убивают фронтенд!
9:11
Миша Ларченко
Переглядів 39 тис.
Что такое и как работают замыкания (closures) в JavaScript?
13:55
PurpleSchool | Anton Larichev
Переглядів 11 тис.