javascript - JS 全局和局部变量

Question

我一直在努力让一些代码工作，我认为这是由于我的可变范围。我没有在这里发布我的所有代码，而是制作了一个简化版本来询问“为什么这不起作用”:

$(document).ready(function() {

console.log("INITIALIZE");
var aGlobalVariable = 25;

function testFunction(){

    var aLocalVariable = 5;

    var sumVariables = aGlobalVariable + aLocalVariable;

    console.log(sumVariables);
}

});

我希望 testFunction 能够看到一个全局变量，将 25 添加到 5，然后输出 30。它没有这样做。如果我尝试对它执行 console.log，我什至看不到全局变量:

文档开头声明的变量不是全局变量吗？？？？

谢谢!

Answer 1

aGlobalVariable 在 testFunction 中确实是已知的。调用该函数并查看控制台:

$(document).ready(function() {

    console.log("INITIALIZE");
    var aGlobalVariable = 25;

    function testFunction() {

        var aLocalVariable = 5;  
        var sumVariables = aGlobalVariable + aLocalVariable;

        console.log(sumVariables);
    }

    testFunction();
});

这是一个显示这个的 jsfiddle: https://jsfiddle.net/0c8rpLmj/

aGlobalVariable 当您尝试通过控制台查看它时未定义，因为它实际上不是全局的(您已在就绪函数范围内定义它)。