javascript - boxSize 泄漏到全局范围

Question

控制台记录两次，但只需要显示第一个console.log(boxSize)

var size = 100;
if (size > 50) {
    var boxSize = size * 5;
    console.log(boxSize);
}
console.log(boxSize);

Answer 1

这是一种在 Javascript 中称为提升的行为。

Hoisting is a JavaScript mechanism where variables and function declarations are moved to the top of their scope before code execution.

javascript 中的

var 不是 block 作用域的。您可以在 ES6 中使用关键字 let 或 const 来声明仅可用于声明它的 block 的变量。

var size = 100;
if (size > 50) {
    let boxSize = size * 5;
    console.log(boxSize);
}
console.log(boxSize);// Uncaught ReferenceError: boxSize is not defined