Область видимости внутри for

@Kucc · Регистрация: 21.06.2013

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

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
var to_hide = document.getElementsByClassName('expand_full_review');
var expand = document.querySelector(".recal_link");
 
for (var i = 0; i < to_hide.length; ++i) {
    if (String(to_hide[i].innerText).length > 20) {
        to_hide[i].innerText = to_hide[i].innerText.substr(0,to_hide[i].innerText.indexOf(".")) + "...";
 
    
    expand.onclick = function() {
        console.log(to_hide[i]) //undefined
    }
}
}

при клике выводит undefined, но если вызвать

JavaScript
1
2
3
4
expand.onclick = function() {
console.log(to_hide)
console.log(i)
}

все работает, вопрос - почему?

@Пифагор · 04.12.2016, 14:11

Я тоже задавался этим вопросом, ибо была подобная ситуевина.
Решил просто: создал внутри анонимной функции еще одну var i

Надо было передавать Id дивов, которые были пронумерованы 1, 2, 3 и тд.

Добавлено через 6 минут
Если интересно, вот весь код

@Kucc · 04.12.2016, 14:51 **[ТС]**

Пифагор, что-то никак у меня не вышло, не понял я тот код

@fixeri · 04.12.2016, 22:08

JavaScript
1
2
3
expand.onclick = function() {
                console.log(to_hide[i-1]) //undefined
            }

@Lazy_Den · 04.12.2016, 23:14

fixeri, мне непонятны две вещи, которые косвенно относятся к вашей проблеме:
1. Почему в первом случае вы используете метод getElementsByClassName, а во втором - querySelector? Это мелочи, но всё же.
2. В "expand" будет один первый элемент с классом "recal_link", а элементов с классом "expand_full_review" - может быть несколько. Тогда зачем все эти манипуляции с обработчиком события?
Ну, да вам видней... надеюсь.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
var to_hide = document.querySelectorAll('.expand_full_review'),
    expand = document.querySelector(".recal_link"),
    txt = '';
 
for (var i = 0; i < to_hide.length; ++i) {
    if ((txt = to_hide[i].innerText).length > 20) {
        to_hide[i].innerText = txt.substr(0, txt.indexOf(".")) + "...";
        (function(i) {
            expand.onclick = function() {
                console.log(to_hide[i])
            };
        }(i));
    }
}

Новые блоги и статьи Все статьи Все блоги /
Переходник USB-CAN-GPIO Eddy_Em 20.03.2026 Достаточно давно на работе возникла необходимость в переходнике CAN-USB с гальваноразвязкой, оный и был разработан. Однако, все меня терзала совесть, что аж 48-ногий МК используется так тупо: просто. . .	Оттенки серого Argus19 18.03.2026 Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .	SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip	Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .
[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .	делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .

@Пифагор 2172 / 1655 / 840 Регистрация: 10.01.2015 Сообщений: 5,207
	04.12.2016, 14:11
	Я тоже задавался этим вопросом, ибо была подобная ситуевина. Решил просто: создал внутри анонимной функции еще одну `var i` Надо было передавать Id дивов, которые были пронумерованы 1, 2, 3 и тд. Добавлено через 6 минут Если интересно, вот весь код 0

@Kucc 5 / 2 / 3 Регистрация: 21.06.2013 Сообщений: 117
	04.12.2016, 14:51 [ТС]
	Пифагор, что-то никак у меня не вышло, не понял я тот код 0