javascript - javascript中没有赋值的变量

Question

为什么我们使用没有赋值的变量，就像这个函数var i;:

function showSlides() {
    var i;

    var slides = document.getElementsByClassName("mySlides");
    for (i = 0; i < slides.length; i++) {
        slides[i].style.display = "none"; 
    }
    slideIndex++;
    if (slideIndex > slides.length) {slideIndex = 1} 
    slides[slideIndex-1].style.display = "block"; 
    setTimeout(showSlides, 2000); 
}

我的意思是它在没有这个的情况下工作，所以我很好奇它的用途是什么，我知道我们可以在循环中检查该值是否未定义，但我没有看到其他用法

Answer 1

使用 var(或者在现代 JavaScript 中，使用 let 或 const)定义变量来设置变量的范围非常重要。变量。

使用 var 定义的变量在定义它的函数内有效。如果省略声明，代码仍然可以工作，但是 i 将在全局范围内定义，并且可能会干扰使用相同变量名的其他函数。

将 var 语句放在哪里实际上并不重要，但最好将其放在函数的开头，以使代码更易于阅读并避免错误。

您可能还编写了这样的代码:

function showSlides() {
    var slides = document.getElementsByClassName("mySlides");
    for (var i = 0; i < slides.length; i++) {
        slides[i].style.display = "none"; 
    }
    slideIndex++;
    if (slideIndex > slides.length) {slideIndex = 1} 
    slides[slideIndex-1].style.display = "block"; 
    setTimeout(showSlides, 2000); 
}