之前我们在做js的时候习惯使用var定义变量(当然有很多人连var都不用),如果在函数中使用var定义变量,则变量的作用域仅在该函数中起作用。如果不用var,即使你在函数中新创建一个变量,这个变量仍然是全局的。如果在for循环中使用var定义变量则该变量作用域为当前for循环的父级,这会造成很多的不便。好在es6新推出的let和const,很好的解决了for循环及判断语句作用域的问题。
例如使用var写如下代码
var b = true;
if(b){
var c = 0;
}else{
var c = 1;
}
console.log(c);
输出c为0;而使用let:
let b = true;
if(b){
let c = 0;
}else{
let c = 1;
}
console.log(c);
输出为:Uncaught ReferenceError: c is not defined at …
我们可以看到使用let以后作用域非常严格,仅在大括号中起作用。下面我们看一下for循环中i的作用域。
let i=1000;
for(let i=-3;i<=3;i++){
console.warn(`i的值为:${i}`)
console.log(Math.sign(i));
}
console.warn(`i的值为:${i}`);
输出为:
我们可以看到经过for循环以后i的值还是1000,并未发生变化,说明for循环中的i值并未对for兄弟级的i值产生影响。