js作用域的常见错误

对于很多初学者来说，有一些常见的错误，比如：

for(var i = 0; i < 3; i++){
    var result = [];
    result.push(i);
}
console.log(result);//有的初学者以为这里会打印 [0,1,2]，实际上会打印[2]，因为result是在for里面被定义的， 每次循环都被重新初始化

如果我们使用let

for(var i = 0; i < 3; i++){
    let result = [];
    result.push(i);
}
console.log(result); //Uncaught ReferenceError: x is not defined，因为result是在for里面被定义的， 外面访问不到。

再比如：

var result = [];
for(var i = 0; i < 3; i++){
    result.push(i);
    console.log(result); //有的童靴以为这里会在循环结束后打印，实际上每一次循环console.log都会被执行
}
/**
 * 上面这些代码执行的结果是：
 * [0]
 * [0,1]
 * [0,1,2]
 **/

也有一种情况会是初学者会犯的错误

var x = 0;
function fun(){
    console.log(x);//undefined
    var x = 1;
    x++;
}

fun();

我们想先用一下全局变量x，然后再在子作用域里声明一个重名的局部变量x。结果我们会发现console.log()打印出的是
undefined。
因为js虽然是解释执行的，但是在一个作用域里声明的变量在这个作用域里只有一个指向，即便还没有执行到正式声明的哪一行，父级作用域的变量也已经因覆盖无法访问了