setInterval all'interno di una funzione genera un errore: la variabile non è definita

Question

Non capisco cosa sia sbagliato. Ho tre codici:
Prime:

<script language="JavaScript" type="text/javascript"> 
    var count = 0; 
    alert(count); 
    var timer = setInterval("count = count + 1; alert(count);",10000); 
</script> 

Secondo:

<script language="JavaScript" type="text/javascript"> 
    function countdown() 
    { 
    var count = 0; 
    alert(count); 
    var timer = setInterval("count = count + 1; alert(count);",10000); 
    } 
    countdown(); 
</script> 

Terzo:

<script language="JavaScript" type="text/javascript"> 
    var count = 0; 
    function countdown() 
    { 
    alert(count); 
    var timer = setInterval("count = count + 1; alert(count);",10000); 
    } 
    countdown(); 
</script> 

Il primo codice funziona bene, la seconda produce un errore nella riga "setInterval": "count non è definito" e il terzo codice funziona di nuovo bene. L'ambito della variabile "count" dovrebbe essere globale per la funzione setInterval nel secondo codice. Perché non lo è? Sto usando Mozilla Firefox. Grazie.

Answer 1

Per un gran numero di ragioni, una delle quali si appena incontrato, mai mai Passa una stringa di setTimeout o setInterval. Mai. Voglio dire che. Non c'è mai una buona ragione.

Passare invece una funzione. La capacità di passare oggetti funzionali attorno è una delle migliori caratteristiche di JS.

var count = 0; 
alert(count); 

var timer = setInterval(function(){ 
    count = count + 1; 
    alert(count); 
}, 10000); 

Il problema che si sta affrontando è che il codice come una stringa in questo modo non rispetterà l'ambito. Verrà eseguito nell'ambito globale, che è un luogo in cui la variabile non esiste nel 2 ° e nel 3 ° snippet. E il primo frammento funziona perché count è davvero una variabile globale.

Altri problemi con questo derivano dal fatto che questo è fondamentalmente eval che viene fornito con i suoi mal di testa ed è meglio evitare del tutto. Eval is Evil dopo tutto.