不一样的JavaScript（5）——变量作用域

1. Javascript中没有块作用域，及if，for等定义的代码块不能限制变量的作用域。例如：

if(true) {
    var number = 10;
}
console.log(number);

for(var i = 0; i < 5; ++i) {
    // do something
}
console.log(i);

变量number尽管是定义在if {...}中，但一对大括号不能限制number的作用范围。在大括号的外面，number仍然有效，因此第一行输出是数字10。

同样，for {...}也不能限制变量i的作用范围。i在大括号外面仍然有效。因此上述代码的第二行输出是5。

2. 用var声明的变量的作用域在一个函数的内部，超出函数之外该变量不能引用。例如：

function add(num1, num2) {
    var sum = num1 + num2;
}

add(2, 3);
console.log(sum);

运行上述代码将出错，因为在函数add之外变量sum没有定义。

3. 如果变量的声明不是用var开头，那么该变量自动变成全局变量。尽管这些变量声明在一个函数体内，但它们在函数体外仍然能够引用：

function add(num1, num2) {
    sum = num1 + num2;
}

add(2, 3);
console.log(sum);

此时将输出5。

4. 如果用var在函数体内声明变量，不管在函数体什么位置声明变量，这些声明会自动提升到函数的最开始处。因此在函数体允许先使用变量后声明变量。例如：

function add(num1, num2) {
    sum = num1 + num2;
    console.log(sum);
    var sum;
}

add(2, 3);

在函数体add内部，我们先使用变量sum，后声明它。但这样没有问题，因为var sum会自动提升到函数最开始处。上述代码的输出为5。