ES6基础语法之块级作用域

一、Let

1、基本介绍
ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。

<script>
    {
        let a=3;
        console.log(a); //有效 3
    }
    console.log(a); //Uncaught ReferenceError: a is not defined
</script>

2、作用域规则
let声明的变量只在其声明的块或子块中可用，这一点，与var相似。
二者之间最主要的区别在于var声明的变量的作用域是整个封闭函数；let声明的变量只能是全局或者整个函数块的。

3、for 循环
for循环的计数器，就很合适使用let命令

for (let i = 0; i < 10; i++) {
  // 计数器i只在for循环体内有效，在循环体外引用就会报错
}

另外，for循环还有一个特别之处，就是设置循环变量的那部分是一个单独的作用域，而循环体内部是一个单独的子作用域。

<script>
 for (let i=0;i<10;i++){
       let i = "a";
       console.log(i);
   }
   console.log(i)//Uncaught ReferenceError: i is not defined
</script>

4、Let使用细节和注意事项：

1) 不允许重复声明
let不允许在相同作用域内，重复声明同一个变量.

<script>
 for (let i=0;i<10;i++){
       let i = "a";
       //let i = "b";//Uncaught SyntaxError: Identifier 'i' has already been declared
       console.log(i);
   }
   console.log(i)//Uncaught ReferenceError: i is not defined
</script>

2) 不存在变量提升
var命令会发生”变量提升“现象，即变量可以在声明之前使用，值为undefined。这种现象多多少少是有些奇怪的，按照一般的逻辑，变量应该在声明语句之后才可以使用。为了纠正这种现象，let命令改变了语法行为，它所声明的变量一定要在声明后使用，否则报错。

<script>
     console.log(i);//Uncaught ReferenceError: i is not defined
     let i =0;

</script>

3) 封闭性
ES6 明确规定，如果区块中存在let和const命令，这个区块对这些命令声明的变量，从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量，就会报错

二、const

const声明一个只读的常量。一旦声明，常量的值就不能改变。
const与let的特性相同，只是const的值不能被修改。并且const一旦声明变量，就必须立即初始化，不能留到以后赋值。

<script>
     var a = "a";
     const i=0;
     let j=1;
     console.log(window.i,window.j,window.a)//undefined undefined "a"
</script>

三、顶层对象

let命令、const命令声明的全局变量，不属于顶层对象的属性。也就是说，从 ES6 开始，全局变量将逐步与顶层对象的属性脱钩。