在if语句中定义JavaScript变量

Question

在if语句中定义JavaScript变量是否正确？

if(a==1){
    var b = 1;
} else {
    var b = 0;
}

我知道上面的代码可行，但是，WebMatrix强调了变量。

我应该在if语句之外定义变量吗？ 或者第一个选项是正确的？ 或者它真的没关系？

var b = '';
if(a==1){
    b = 1;
} else {
    b = 0;
}

Answer 1

作为ES2017规范（2017年7月8日）正式发布的，EcmaScript的不支持现在使用真实块范围let或const的关键字。

---

由于ECMAscript没有块范围但没有函数范围 ，因此在函数上下文中声明任何变量是一个非常好的主意。

即使您可以在函数上下文中的任何位置进行变量和函数声明，但如果您不完全了解后果，则会产生一些奇怪的问题。

头痛的例子：

var foo = 10;

function myfunc() {
    if (foo > 0) {
        var foo = 0;
        alert('foo was greater than 0');
    } else {
        alert('wut?');
    }
}

猜猜看，我们得到了什么？ 在这里调用myfunc时发出警报。 这是因为ECMAscript解释器会自动将任何var语句和函数声明 提升到上下文的顶部。 基本上， foo在第一个if statement之前被初始化为undefined 。

进一步阅读： JavaScript范围和提升

Answer 2

将var放在if语句中并不违反语言的“规则”，但这意味着，由于var提升，无论if语句的条件是否满足，都将定义var。

Answer 3

请注意，ECMAscript 6确实使用'let'而不是'var'关键字来支持块级变量。 虽然使用'var'声明的变量将被提升为函数范围，而不管它们在何处被声明，但使用'let'定义的变量仅限于封闭块。

Answer 4

请参阅函数four ，JavaScript中的变量范围是什么？

截至2012年，JavaScript中没有块级范围。 所以你的第一个版本很好：变量是在if块之外的范围内定义的。

Answer 5

因为JavaScript的变量具有函数级范围，所以您的第一个示例是有效地重新声明您的变量，这可以解释为什么它会被突出显示。

在旧版本的Firefox上，其严格的JavaScript模式用于警告此重新声明，但其中一位开发人员抱怨说它的风格很局促，因此关闭了警告。 （当前版本的Firefox支持块级变量声明语法。）