setInterval wewnątrz funkcji powoduje błąd: zmienna nie jest zdefiniowana

Question

Nie rozumiem, co jest nie tak. Mam trzy kody:
pierwszy:

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

drugie:

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

trzecie:

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

Pierwszy kod działa poprawnie, drugi produkuje błąd w linii "setInterval": "count nie jest zdefiniowany", a trzeci kod znów działa poprawnie. Zakres zmiennej "count" powinien być globalny dla funkcji setInterval w drugim kodzie. Dlaczego tak nie jest? Używam Mozilla Firefox. Dzięki.

Answer 1

dla wielu powodów, z których jeden po prostu wpadł, nigdy kiedykolwiek przekazać ciąg setTimeout lub setInterval. Zawsze. Mam na myśli to. Nigdy nie ma dobrego powodu.

Przekaż funkcję zamiast tego. Możliwość przekazywania obiektów funkcji jest jedną z najlepszych funkcji JS.

var count = 0; 
alert(count); 

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

Problem, przed którym stoisz, polega na tym, że kod jako ciąg w ten sposób nie będzie respektował zakresu. Będzie wykonywany w zasięgu globalnym, który jest miejscem, w którym twoja zmienna nie istnieje w Twoim drugim i trzecim fragmencie. I pierwszy fragment kodu działa, ponieważ count jest rzeczywiście zmienną globalną.

Inne problemy z tym związane wynikają z faktu, że w rzeczywistości jest to eval, który ma swoje własne bóle głowy i którego najlepiej unikać. Eval is Evil mimo wszystko.