第2章 块级作用域
2.1 块级作用域
JS中作用域有:全局作用域、函数作用域。
ES6中新增了块级作用域。
块作用域由 { } 包括,if语句和for语句里面的{ }就属于块作用域。(不包括函数)
//注意 块级作用域中,使用var声明的变量是全局变量
{
var a = 1;
console.log(a);//1
}
console.log(a);//1
if(true){
var b = 2;
console.log(b);//2
}
console.log(b);//2
2.2、let关键字声明块级变量
ES6中增加了let关键字声明变量,声明的变量只在当前代码块中生效(块级作用域)。
<script>
if(true){
let i=0;
console.log(i);
}
console.log(i);//报错
</script>
<script>
for(let i=0; i<=6; ++i){
console.log(i);
}
console.log(i);//报错
</script>
使用let
声明的变量可以重新赋值,但是不能在同一作用域内重新声明
<script>
// let声明的变量可以重新赋值
{
let a = 1;
console.log(a);
a = 2;
console.log(a);;
}
</script>
<script>
// let声明的变量不能在同一作用域重新声明,直接报错 预解析错误
{
let a = 1;
console.log(a);
let a = 2;
console.log(a);
}
</script>
2.3、let变量没有变量提升
{
console.log(i);//报错
let i = 8;
}
2.4、应用:let块级变量解决i丢失的问题
var arr = [3,4,5,6,7];
for(let i=0; i<arr.length; i++){
// (function(i){
setTimeout(function(){
console.log(i);
//console.log(arr[i]);
}, 1000);
// })(i);
}