глобальная переменная undefined после ее установки

Question

Я пытаюсь запустить этот фрагмент кода, но он говорит, что переменная a равна undefined, хотя, как вы можете видеть, я очень четко определил ее, и она должна быть глобальной переменной, так как она после каждой петли

var a = 1; 
var b = 2; 

window.setInterval(function(){ 
    alert(a); 
    if(a == 1){ 
     document.getElementById('pic2').style.opacity = '1'; 
     document.getElementById('pic1').style.opacity = '0'; 
     var b = 1; 
     var a = 2; 
    } 
    if(a == 2){ 
     document.getElementById('pic2').style.opacity = '0'; 
     document.getElementById('pic1').style.opacity = '1'; 
     var b = 2; 
     var a = 1; 
    } 
}, 2000); 

Answer 1

Это потому, что вы обновляете свою переменную. Удаление vars из функции setInterval устраняет эту проблему.

var a = 1; 
var b = 2; 

window.setInterval(function(){ 
    alert(a); 
    if(a == 1){ 
     document.getElementById('pic2').style.opacity = '1'; 
     document.getElementById('pic1').style.opacity = '0'; 
     b = 1; 
     a = 2; 
    } 
    if(a == 2){ 
     document.getElementById('pic2').style.opacity = '0'; 
     document.getElementById('pic1').style.opacity = '1'; 
     b = 2; 
     a = 1; 
    } 
}, 2000);