Внешняя переменная и область видимости внутри функции jQuery

Question

У меня есть этот код ниже, который должен запускаться test() при каждом изменении размера окна.

var i = 0; 
var test = (function() { 
    console.log(i++); 
})(); 

$(window).resize(function() { 
    test(); 
}); 

Код: http://jsfiddle.net/qhoc/NEUdA/

Однако я получаю Uncaught TypeError: undefined is not a function потому test() не доступен в изменении размера.

Может кто-нибудь помочь объяснить, почему? И каково обходное решение: (1) функция самоисполнения и (2) иметь возможность называть ее в пределах resize?

Answer 1

Следующая следует сделать трюк, хотя это на самом деле не больше, чем просто convienent вызов функции сразу же после объявления:

var i = 0; 
var test = (function test() { 
    console.log(i++); 
    return test; 
})(); 

$(window).resize(function() { 
    test(); 
}); 

Answer 2

Вы, вероятно, хотите сделать это:

var test = function() { 
    console.log(i++); 
}; 

вместо этого:

var test = (function() { 
    console.log(i++); 
})(); 

Обновлено скрипку: http://jsfiddle.net/NEUdA/1/

Вторая форма будет вызывать функцию на месте, и потому он не имеет оператора return, он будет возвращен undefined, поэтому тест не будет определен.

Почему вы хотите, чтобы тест выполнялся самостоятельно?