JSLint sostiene alcune chiamate di funzione ricorsiva sono "fuori portata"

Question

Ho un Javascript snippet con una chiamata di funzione ricorsiva:

(function() { 
    "use strict"; 

    var recurse = function (x) { 
     if (x <= 0) { 
      return; 
     } 
     return recurse(x - 1); 
    }; 

    recurse(3); 
}()); 

Questo non fa altro che chiamare se stesso un paio di volte, ma funziona.

incollando il sopra in JSLint mi dà questo errore:

'recurse' is out of scope. 

Tuttavia, se mi incollo nel seguente frammento, (usando una dichiarazione di funzione, invece di var):

(function() { 
    "use strict"; 

    function recurse(x) { 
     if (x <= 0) { 
      return; 
     } 
     return recurse(x - 1); 
    } 

    recurse(3); 
}()); 

JSLint ama esso, nessun errore.

So che l'obiettivo di JSLint è di prevenire i bug nel codice Javascript. Qualcuno sa perché JSLint pensa che il primo sia un Javascript errato? Quale errore sto impedendo non facendo una chiamata ricorsiva nel primo modo?

Answer 1

Non c'è niente di sbagliato in nessuno dei due stili. Per quanto posso dire, questo è un avvertimento inappropriato.

Il problema sembra essere che una dichiarazione di variabile che include un'assegnazione non fa sì che JSLint registri la presenza del nome della variabile dichiarata in ambito fino a quando l'intera assegnazione non viene valutata. Cioè, quando JSLint legge var recurse = ..., non si rende conto che recurse è una variabile dichiarata fino a quando non valuta il lato destro dell'assegnazione. In questo caso, il lato destro include una funzione che utilizza la variabile dichiarata recurse, ma JSLint non sapeva ancora dell'esistenza di recurse, perché non aveva terminato l'analisi dell'intero compito.

Si consideri che questo codice funziona esattamente lo stesso come var esempio, ma produce nessun avviso in JSLint:

(function() { 
    "use strict"; 

    var recurse; 
    recurse = function (x) { 
     if (x <= 0) { 
      return; 
     } 
     return recurse(x - 1); 
    }; 

    recurse(3); 
}()); 

disegnando var recurse come una dichiarazione separata, JSLint prima viene a sapere che recurse viene dichiarata nello scope corrente e quindi analizza il compito. Con il tuo var recurse = ... combinato (che, ancora una volta, non è sbagliato), JSLint analizza erroneamente il compito prima e poi apprende dell'esistenza di recurse.

Answer 2

Quando si definisce la funzione, la variabile recurse non è ancora definita, ecco perché JSLint dice che è fuori portata, affermando che potrebbe essere indefinito e tale punto.