jQuery, неопределенная функция, если используется в другой функции

Question

Я пишу jQuery плагин , который похож на это,

$(this).each(function(){
    $el = $(this).find('.el')
    $el.click(function(){
       test();
    });
    function test() {
       console.log('test init');
    }
});

Это прекрасно работает при нажатии $el

но когда я использую test() вне $el.click, как это

$(this).each(function(){
    $el = $(this).find('.el')
    test();
    function test() {
       console.log('test init');
    }
});

Я получаю ошибку типа undefined is not a function

PS: я кодирую в кофе, синтаксис / орфография здесь не проблема

Answer 1

если ваш test() должен быть выполнен немедленно, то сделайте следующее:

$(this).each(function(){
    $el = $(this).find('.el')

    (function test() {
       console.log('test init');
    }());                          //the "()" at the end executes the function
});

, но test() не будет доступен из внешнего мира таким образом.это несколько «закрыто».если вам нужен тест для немедленного выполнения и все еще быть вызванным другими , сделайте следующее:

$(this).each(function(){
    $el = $(this).find('.el')

    var test = (function testFunc() {
       console.log('test init');
       return testFunc;                //return itself to the variable "test"
    }());                              //execute
});