重新声明 JavaScript 变量

Question

在以下代码中：

var greeting = "hi";

function changeGreeting() {
    if (greeting == "hi") {
        var greeting = "hello";
    }

    alert(greeting);
}

changeGreeting();​

...greeting 未定义。但是，如果我删除 var 并将 changeGreeting() 更改为：

function changeGreeting() {
    if (greeting == "hi") {
        greeting = "hello";
    }

    alert(greeting);
}

...我按预期得到“你好”。

我永远不会在我的代码中重新声明这样的变量，但为什么会发生这种情况？

Answer 1

JavaScript 变量具有函数作用域。因此，函数内部var greeting 的存在将声明一个局部greeting 变量，在if 条件中提到它时将未定义：全局变量在函数内部将不可见，被掩盖由当地人。因此，if 不会发生，hello 的赋值不会发生，变量仍然未定义。

在第二个示例中，您始终使用全局变量，它不会被局部变量所掩盖（因为函数内部没有 var greeting），并且一切正常。

Answer 2

很简单：JS将变量声明提升到当前作用域的顶部，但是任何操作（包括赋值）都不会被提升（在同一作用域内，见第二种情况解释），当然。所以你的 sn-p 被翻译成

(function()
{
    var currentSize;//undefined
    if (currentSize == 'hi')//always false
    {
        currentSize = 'hello';//assignment that will never be
    }
    alert(currentSize);//alerts undefined, of course
}());

通过省略 var，继续进行范围扫描（检查在全局范围内声明的变量）。 可悲的是，这样做时，第一次使用 var 的上下文丢失了（在分支内），并且赋值也被提升了。一个隐含的全局被翻译成：
谢天谢地，这不是真的。我认为是这样，因为我在控制台中测试了一些似乎证实了这一点的东西。在这种情况下，@amadan 是对的：您正在使用全局变量（当我发布此内容时，您的 sn-p 中错误地称为 greeting）。我将留下下面的代码（更正它）以显示隐含的全局变量实际上是什么，希望它有助于某些人理解 JS 中的作用域/作用域扫描。

var currentSize = 'hello';
//well, actually implied globals can be deleted, so it's more like
Object.defineProperty(this,'currentSize',{value:undefined,
                                          writable:true,
                                          enumerable:true,
                                          configurable:true});
(function()
{
    if (currentSize == 'hi')//always false
    {//this still doesn't get executed
        currentSize = 'hello';//assignment that will never be
    }
    alert(currentSize);//alerts undefined
}());

Answer 3

在您的第一个代码 sn-p 中，您正在检查全局变量，该变量不存在 -> 不通过 if 条件。

查看 javascript 作用域以及如何使用变量 Javascript garden - function scopes