Правильно ли я понял разницу

@Rasnor · Регистрация: 10.08.2014

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

Есть 2 функции:

Плохая функция:

JavaScript
1
2
3
4
5
6
7
8
var add_the_handlers = function(nodes) {
    var i;
    for (i=0; i<nodes.length; i+=1) {
        nodes[i].onclick = function (e) {
            alert(i);
        };
    }
};

Хорошая функция:

JavaScript
1
2
3
4
5
6
7
8
9
10
var add_the_handlers = function(nodes) {
    var helper = function(i) {
        return function (e) {
            alert(i);
        };
    };
    for (i=0;i<nodes.length;i+=1) {
        nodes[i].onclick = helper(i);
    }
};

Первая функция возвращает всегда nodes.length потому что, когда нажимаешь на объект то создается функция и она берет значение i уже после того как весь код выполнился и поэтому i == nodes.length
А во втором примере функция onclick не содержит функцию, он содержит уже определенное число и поэтому эта функция работает правильно.

И еще вопрос что значит буква 'e' в параметрах функций

@Thisman · 23.06.2015, 03:28

Rasnor, ну это замыкание. Правда тут вынесено все в отдельную функцию, обычно так пишется

JavaScript
1
2
3
4
5
for(var i in elements) {
   elements[i].onclick = (function (i) {
       return function() { alert(i) }; // то самое замыкание
   })(i);
}

Сообщение от Rasnor

И еще вопрос что значит буква 'e' в параметрах функций

При вызове обработчика события, первым аргументом в него передается объект события ( e, сокр. от event ). Поэтому мы при определении задаем аргумент, куда будет записываться этот объект ( можно назвать и не е, а как угодно, лучше event - тогда и IE захватите )

Новые блоги и статьи Все статьи Все блоги /
Программный контроль заполнения реквизита табличной части документа 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 В прикрепленном документе раздумья о том, как можно поменять модель в будущем