Перейти к основному содержимому

Замыкание

@serverSerrverlesskiy

Замыкание - это функция⚙️, у которой имеется доступ к внешней функции⚙️, даже после того, как работа внешней функции️ прекратилась. Замыкание нужно, чтобы обеспечить доступ внутренней функции к области видимости внешней функции️, но при этом закрыть доступ из внешнего окружения к переменным внутренней функции⚙️.

Snake

Требования для создания🏗️ замыкания:

  1. Внешняя функция, которая вызывается в коде.
  2. Во внешней функции находится внутренняя функция.
  3. В качестве результата внешняя функция возвращает внутреннюю.

Рассмотрим создание🏗️ замыкания на примере:

Интерактивный редактор
Результат
Loading...
  1. В примере мы создали внешнюю функцию getFruit;
  2. Внутри getFruit создали внутреннюю функцию show.
  3. В качестве результата функция getFruit выдаёт функцию show.
  4. Далее в коде мы присвоили результат функции getFruit переменной showFruit.
  5. Т.к. результат работы getFruit является функцией, то showFruit становится не переменной🔔 , а функцией.
  6. Результатом всей конструкции стала переменная🔔 fruit находящаяся внутри функции getFruit, она стала замкнутой. Теперь мы можем только узнать значение этой переменной🔔 , изменить её нельзя.

Видео

Примеры

Math

Рассмотрим больше примеров для понимания.

Счётчик

Счётчик, самый простой пример, на котором можно рассмотреть работу замыкания.

Интерактивный редактор
Результат
Loading...

Улучшенный счётчик

Counter

В качестве результата у нас будет не одна функция⚙️, а сразу несколько.

Интерактивный редактор
Результат
Loading...

Замыкание в цикле

circle

Интерактивный редактор
Результат
Loading...

Запоминаем фразу

l

Интерактивный редактор
Результат
Loading...

Итого

Замыкания — одна из важнейших фундаментальных концепций JavaScript, её должен понимать каждый JS-разработчик. Понимание 💡 замыканий — это одна из ступеней пути к написанию 🖊️ эффективных и качественных приложений.

Проблемы?

Problem

Пишите в Discord или телеграмм чат, а также подписывайтесь на наши новости

JavaScript Camp

Вопросы

Question

Что такое замыкание?

  1. Конструкция
  2. Функция, у которой имеется доступ к внешней функции
  3. Концепция

В замыкании что на чём замыкается?

  1. Функция на область видимости
  2. Переменные в функции

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

  1. Опишу её и воспользуюсь
  2. Она доступна
  3. Переменную можно только просмотреть

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

Sumerian school

Ссылки

  1. Learn JavaScript
  2. MDN Web Docs
  3. Замыкания JavaScript

Contributors ✨

Thanks goes to these wonderful people (emoji key):


IIo3iTiv

📖

Dmitriy Vasilev

💵

Resoner2005

🐛 🎨 🖋

Navernoss

🖋 🐛 🎨

Become a Patron!