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

@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 **[ТС]**

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

Новые блоги и статьи Все статьи Все блоги /
Программный контроль заполнения реквизита табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита "ПричинаСписания". . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .	Вывод данных в справочнике через динамический список Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .
Программное заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .	Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем

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

	Объясните замыкания пожалуйста 13.01.2013, 13:56. Показов 3518. Ответов 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