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虽然是解释执行的，但是在一个作用域里声明的变量在这个作用域里只有一个指向，即便还没有执行到正式声明的哪一行，父级作用域的变量也已经因覆盖无法访问了