Что такое и как работают замыкания (closures) в JavaScript?

Детально разберёмся в работе замыканий (closures) в JavaScript на примерах. Так же посмотрим на их работу с точки зрения scope chain и стека вызовов в JS.

Это одна из лекций моего нового курса "JavaScript с нуля - основы языка и практика для начинающих".

⚡ Мои курсы

Разделы видео:
0:00 - Введение
0:30 - Пример работы замыканий
3:58 - Пошаговая работа замыканий (call stack, scope chain)
10:45 - Как увидеть замыкание?
13:40 - Заключение

[homelander]

прекрасное объяснение как всегда Антон

[DronVol]

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

[bushkov]

О, прикольно! Как раз думал когда выйдет курс по js и вот! Уже купил.

[diggerdog]

Антон, я вот выбрал твой курс (я в js ноль в данный момент) как первый курс по JS и уже на первых уроках ты произносишь слова, которые новичок не может знать. Например, в разделе что такое JS, ты разбираешь где еще кроме браузера используется JS, там есть такие слова как нативные компоненты, какие то потоки (??), API, React Native, парсинг, компилирование, как будто пытаешь доказать что ты профессионал, хотя мы и так это знаем (извини если грубо написал). Для тебя понятно что эти вещи и пояснения элементарны, только не думаю что это == по отношению к новичкам. Я только начал, а уже голова начинает закипать о доп. информации которую ты не объясняешь, хотя написано что курс подходит для новичков :( Может дашь какой то совет? Может перед твоим курсом что-то другое пройти? Всё таки JS это основа основ после html/css

[yyanasolyah]

Спасибо за видео! Хотелось бы в будущем увидеть видео про микро и макротаски;)

[rusfungame]

2 года учу js, такого обьяснения еще не встречал

[Noname-ifz]

Очень полезно) есть ли у Вас видео об утечках памяти?

[АнтонСурыгин-фж]

Если бы можно было прикладывать аудио, то я бы приложил скрип своего мозга 😁

Но вроде какое то понимание появились 😀

[asifabbasov]

Вопрос не по теме.
Что за тему вы используете в VS Code?

[CCSIB]

Круто, не знал. Хорошо бы практические примеры, пока придумал что можно считать сумму, среднее и кол-во, например заказов и хранить в контексте. Нужно попробовать.

[sergio_an_]

Круто! Оч информативно. А какая тема стоит в vs code?

[МаксимБурый-сч]

Ни где нет информации. В каждом браузере есть свои кнопки переход на предыдущую страницу и обратно. Но есть такая штука как куки, при возврате куки не восстанавливаются, из-за чего ломается страница. Что делать? Сохранять историю переходов с куками?

[pintofale]

Спасибо за видео! Подскажите пожалуйста - в Вашем курсе ведь нет ничего про асинхронные операции? Это будет в каком-нибудь "продвинутом" курсе?

[vit]

Антон, подскажите, а где на практике во фронтенде применяются замыкания?

[АлексейБатищев-щч]

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

[fedordostoevskiy]

Классно. Но друзья прочитайте Симпсона про замыкания. Я с третьего раза сам полностью въехал только. Там не прям уж 'wow', но ни один ролик или статья столько не дал мне.

[valeriyosokin]

У замыканий есть накладные расходы при создании и запуске. По сути, при создании замыкания создается объект. Не забываем что в JS функция это объект. В примере создано 2 экземпляра объекта функции. А если будет необходимо создать сотни? И как всем этим управлять?

[NO]

8:43 замыкания - инкапсуляция из мира JS

[CCSIB]

И надо попробовать внутри объекта vue с методами vue будет ли работать, скорее всего да.

[РоманЯгжин-щк]

change это по сути changeBalance. У changeBalance нет аргументов. Каким образом аргумент переданный в change(100) передаётся в функцию и затем судя по всему передаётся в анонимную функцию вместо sum? У меня вот после просмотра видео сложилось впечатление, что замыкание - это когда одна функция возвращает другую функцию и возвращаемая функция замыкает родительскую и поэтому типа замыкание))) Механизм передачи параметров вообще не понятен.