В данном коде сделать замыкания

@grytsiuko · Регистрация: 07.02.2015

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

Здравствуйте!

Javascript

function cycl (interval, time) {
        for (i = 0; i<li.length; i++) {
        if (i!=s) {
            if (li[i].style.height!='0em') {
                function first(){
                    (function (i, interval, time) { hide(i, interval, time);}) (i, interval, time);
                };
                setTimeout(first, 10);
            } else {
                function second(){
                    (function (i, interval, time) {show(i, interval, time);}) (i, interval, time);
                };
                setTimeout(second, 10);
            };
        };
        };
    };

С другим участком кода была такая же проблема - Uncaught TypeError: Cannot read property 'style' of undefined.
Помогли замыкания. Эту тему я знаю очень плохо.
Так вот. Помогите, пожалуйста, сделать замыкания в данном коде, чтобы правильно пременные передавались.
Буду благодарен!

@Thisman · 13.02.2015, 17:35

grytsiuko, на деле замыкания достаточно просты. ( Если разобраться )
Как это работает. У каждой функции есть область видимости, эта область видимости поднимается вверх, но не в низ!

Javascript

var first = 1;
/* тут вообще видна только одна переменная first */
function func () {
   var second = 2; 
   /*тут видны переменные first,second, но не third!! */
   function func2 () { /* тут видны переменные first, second, third */ var third = 3}
}

Что значит видна? Это значит мы можем ее использовать, грубо говоря в любой момент кода, есть некий список переменных который доступен ( текущая ОВ ( область видимости ) и чаще всего все, что выше )
ОВ - это как раз ваша проблема
Допустим мы хотим повесить на все обработчики функцию, которая выводит порядковый номер

Javascript

function showNum(els) {
    // els - массив элементов
    for(var i in els) {
        els[i].onclick = function () { alert(i) };
    }
}

сслыка на пример

Но если мы сейчас будем нажимать на элементы, то нам будет показывать всегда одно и то же число! Почему?!
Если посмотреть, то наша функция делает вот что: при вызове запрашивает значение переменной i. Чем равна i?
На момент выполнения скрипта i == размеру массива, потому что цикл уже прошел, и i приняла конечное значение
Как это исправить? (~~смотрите в следующей серии~~)

Добавлено через 10 минут
Часть два:
Что бы исправить баг в первой части, нам нужно как то для каждого элемента сохранить свою i, тут то и поможет замыкание! Вся магия в том, что в javascript есть самовызывающиеся функции, то есть те функции которые вызывают сами себя, сразу, синтаксис такой

Javascript

1
2
3

(function (name) {
   alert("name")
})("JS")

Исправим наш пример, с помощью этих функций

Исправление

@grytsiuko · 13.02.2015, 21:22 **[ТС]**

СПАСИБО!!!!!!!!!!!!

@grytsiuko 3 / 3 / 0 Регистрация: 07.02.2015 Сообщений: 24
	13.02.2015, 21:22 [ТС]	3
	СПАСИБО!!!!!!!!!!!! 0

Опции темы