переменная функция undefined error

Question

У меня есть две функции, внутри одной функции.

var funcA = function(){ 
    var funcB = function(){ 
    // function codes 
    funcC(); 
    } 

    var funcC = function(){ 
    // function codes 
    funcB(); 
    } 
} 

funcA выполняется первым, а затем, когда я называю funcB он производит ошибку Object [object global] has no method 'funcC'. если я положил funcC прямо перед funcB ошибка теперь указывает на undefined funcB.

как исправить эту проблему?

Answer 1

Возможно, вы задаете неправильный вопрос, так как взаимосвязанные методы редко заканчиваются счастливо.

Ответ на ваш вопрос действительно из-за this earlier answer regarding when functions actually exist. В частности, прочитайте о подъеме функции.

var funcA = function() { 

    function funcB(){ 
    // function codes 
    funcC(); 
    } 

    function funcC() { 
    // function codes 
    funcB(); 
    } 
} 

funcA.funcB(); 

Answer 2

Ваша проблема заключается в том, как вы объявляющего функции:

var funcB = function(){ 
    // function codes 
    funcC(); 
    } 

var funcC = function(){ 
    // function codes 
    funcB(); 
} 

Когда вы объявляете funcB, он пытается найти funcC, который не существует, тем не менее. Это нарушает ваш код, бросая ошибку undefined.

Вы можете определить функции, как это:

function funcB(){ 
    // function codes 
    funcC(); 
    } 

function funcC(){ 
    // function codes 
    funcB(); 
} 

Однако, если funcBfuncC вызовы и вызовы funcCfuncB, это не имеет значения, как они объявлены/инициализируется, вы будете иметь бесконечный цикл, вероятно, приводит к ошибке переполнения стека или сбою браузера (/ tab).

Chrome бросает это:

RangeError: Maximum call stack size exceeded 

Чтобы избежать этой ошибки, сделать что-то вроде этого:

function funcB(calledFromC){ 
    if(!calledFromC){ 
     funcC(true); 
    } 
} 

function funcC(calledFromB){ 
    if(!calledFromB){ 
     funcB(true); 
    } 
} 

Или короче:

function funcC(calledFromB){ 
    !calledFromB && funcB(true); 
} 

Answer 3

Если бы объявлять функции, как это:

var funcA = function(){ 
    function funcB() { 
     funcC(); 
    } 

    function funcC { 
     funcB(); 
    } 
} 

все будет работать. Почему ты спрашиваешь? Подробнее о грузоподъемных, обзорное, объявление функций и функция выражения here

проверки скрипка here

из-конечно, это будет бесконечный цикл, так что не делать этого, но это было бы правильно JavaScript.

редактировать: если вы хотите, чтобы вызвать их из сферы (за пределами funcA), вам необходимо вернуть их:

var funcA = (function() { 
    var funcB = function() { 
     //code here 
    }; 
    var funcC = function() { 
     //code here 
    }; 
    return { 
     funcB: funcB, 
     funcC: funcC 
    }; 
    })(); 

Теперь вы можете сделать это за пределами funcA:

funcA.funcB(); 
funcA.funcC();