javascript - 改变函数内部的变量

Question

我正在尝试更改图像的 src 属性，然后使用 setInterval() 方法恢复默认值，但似乎如果我在函数内使用变量它不能正常工作并且它必须在函数外部，为什么变量值不会在函数内部改变？

var Img1 = document.getElementById('img1');

setInterval(function(){
    var boolean= true;
    if(boolean){
        Img1.src = "pic1.jpg";
        }else{
        Img1.src = "default.jpg";
    }
    boolean= !boolean;
} , 3000);



// This one work properly!

var Img1 = document.getElementById('img1');
var boolean= true;

setInterval(function(){

    if(boolean){
        Img1.src = "pic1.jpg";
        }else{
        Img1.src = "default.jpg";
    }
    boolean= !boolean;
} , 3000);

Answer 1

这是因为每当调用该函数时， bool 值始终为 true。这是该函数所做的第一件事，将 bool 值设置为 true:

var boolean= true;

在您检查要选择哪个 src 之前， bool 值不会在函数内部进行修改。因此，您的条件总是达到相同的结果，即将 Img.src 设置为 pic1.jpg。希望有帮助!