Объясните замыкания пожалуйста

@Rikimaru21 · Регистрация: 15.11.2012

Студворк — интернет-сервис помощи студентам

Учу замыкания, перечитываю весь материал по ним наверно раз пятый, и никак врубиться не могу... кто может, объясните что это вообще такое, зачем они нужны и как их применять! Заранее спасибо =)

@Grand7 · 13.01.2013, 14:04

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

@Rikimaru21 · 13.01.2013, 14:16 **[ТС]**

И что это дает? Можно какой нибуть пример зачем это нужно?))

@Grand7 · 13.01.2013, 14:23

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
function a () {
    var b = 0;
    return function () {
         return ++b;
    };
};
 
var c = a();
 
alert(c()); // 1
alert(c()); // 2
alert(c()); // 3

Переменная b сохраняет своё значение внутри локальной функции.

@Rikimaru21 · 13.01.2013, 14:39 **[ТС]**

Большое спасибо!

@kalabuni · 13.01.2013, 15:59

например, имеется у вас страница с каким-то количеством ссылок типа:
<a href="#">Text</a>, где Text - это какой-то уникальный текст, для каждой ссылки свой собственный

и кроме того, на странице у вас есть определённое место, в котором после каждого клика по ссылкам надо прописать общее количество нажатий на ссылки нарастающим итогом

HTML5
1
2
3
4
5
6
7
8
9
10
11
<body>
Нажатий по ссылкам всего - <span id="allClicks">0</span> шт.
<hr>
<li><a href="#">первая</a>
<li><a href="#">вторая</a>
<li><a href="#">третья</a>
<li>...
<li><a href="#">одна тысяча двести тридцать четвёртая</a>
<hr>
<input type="button" value="Проверить показания счётчика">
</body>

простейшее решение без замыканий выглядит так:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<script>
// ГЛОБАЛЬНАЯ переменная-счётчик
var counter = 0;
 
function myFunc (obj)
{
document.getElementById ('allClicks').innerHTML = ++counter;
return false;
}
</script>
</head>
<body>
Нажатий по ссылкам всего - <span id="allClicks">0</span> шт.
<hr>
<li><a href="#" onclick="return myFunc (this)">первая</a>
<li><a href="#" onclick="return myFunc (this)">вторая</a>
<li><a href="#" onclick="return myFunc (this)">третья</a>
<li>...
<li><a href="#" onclick="return myFunc (this)">одна тысяча двести тридцать четвёртая</a>
<hr>
<input type="button" value="Проверить показания счётчика"
       onclick="if (typeof counter != 'undefined') alert (counter);
                else alert ('Не определена')"></body>

чтобы тысяча двести тридцать четыре раза не писать onclick="return myFunc (this)", делаем

динамическое назначение функций на ссылки, но снова без замыкания

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<script>
// ГЛОБАЛЬНАЯ переменная-счётчик
var counter = 0;
 
onload = function ()
{
for (var j = 0, coll = document.links, lj = coll.length; j < lj; j++)
coll [j].onclick = function ()
   {
   document.getElementById ('allClicks').innerHTML = ++counter;
   return false;
   }
}
</script>
 
<body>
Нажатий по ссылкам всего - <span id="allClicks">0</span> шт.
<hr>
<li><a href="#">первая</a>
<li><a href="#">вторая</a>
<li><a href="#">третья</a>
<li>...
<li><a href="#">одна тысяча двести тридцать четвёртая</a>
<hr>
<input type="button" value="Проверить показания счётчика"
       onclick="if (typeof counter != 'undefined') alert (counter);
                else alert ('Не определена')">
</body>

а вот теперь "замыкаем" переменную counter внутрь функции,
для чего всего лишь переносим её определение из глобальной области в локальную
всё будет работать также, но кнопка для проверки счётчика сообщит нам, что эта переменная не определена в глобальном контексте

замкнули (спрятали под замок) переменную внутри функции

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<script>
onload = function ()
{
var counter = 0;
// переменную-счётчик определили внутри функции
// и определили с var, т.е. сделали ЛОКАЛЬНОЙ
// она теперь из глобального контекста НЕДОСТУПНА - кнопка это покажет
// но она - считает, т.е. РАБОТАЕТ
// мы "замкнули" переменную внутри функции
 
for (var j = 0, coll = document.links, lj = coll.length; j < lj; j++)
coll [j].onclick = function ()
   {
   document.getElementById ('allClicks').innerHTML = ++counter;
   return false;
   }
}
</script>
 
<body>
Нажатий по ссылкам всего - <span id="allClicks">0</span> шт.
<hr>
<li><a href="#">первая</a>
<li><a href="#">вторая</a>
<li><a href="#">третья</a>
<li>...
<li><a href="#">одна тысяча двести тридцать четвёртая</a>
<hr>
<input type="button" value="Проверить показания счётчика"
       onclick="if (typeof counter != 'undefined') alert (counter);
                else alert ('Не определена')">
</body>

@Rikimaru21 · 13.01.2013, 16:14 **[ТС]**

Воооо то что надо! спасибо!

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@Rikimaru21 4 / 2 / 0 Регистрация: 15.11.2012 Сообщений: 56

	Объясните замыкания пожалуйста 13.01.2013, 13:56. Показов 3496. Ответов 6 Метки нет (Все метки) Учу замыкания, перечитываю весь материал по ним наверно раз пятый, и никак врубиться не могу... кто может, объясните что это вообще такое, зачем они нужны и как их применять! Заранее спасибо =) 0

@Grand7 141 / 63 / 11 Регистрация: 19.06.2012 Сообщений: 250
	13.01.2013, 14:04
	Например функция внутри другой функции может использовать её локальные переменные, даже после завершения той функции, в которой находится эта функция. 1

@Rikimaru21 4 / 2 / 0 Регистрация: 15.11.2012 Сообщений: 56
	13.01.2013, 14:16 [ТС]
	И что это дает? Можно какой нибуть пример зачем это нужно?)) 0

@Rikimaru21 4 / 2 / 0 Регистрация: 15.11.2012 Сообщений: 56
	13.01.2013, 14:39 [ТС]
	Большое спасибо! 0

@Rikimaru21 4 / 2 / 0 Регистрация: 15.11.2012 Сообщений: 56
	13.01.2013, 16:14 [ТС]
	Воооо то что надо! спасибо! 0