ES6-变量let、const和块级作用域

ES5 中，使用 var 定义全局变量

ES6 中，新增了 let 和 const 来定义变量：

• let：定义局部变量，替代 var。

• const：定义常量（定义后，不可修改）。

1、var：定义全局变量

看下面的代码：

{
    var a = 1;
}

console.log(a); //这里的 a，指的是 区块 里的 a

上方代码是可以输出结果的，输出结果为 1。因为 var 是全局声明的，所以，即使是在区块里声明，但仍然在全局起作用。

也就是说：使用 var 声明的变量不具备块级作用域特性。

再来看下面这段代码：

var a = 1;
{
    var a = 2;
}

console.log(a); //这里的 a，指的是 区块 里的 a

上方代码的输出结果为 2 ，因为 var 是全局声明的。

总结：

用 var 定义的全部变量，有时候会污染整个 js 的作用域。我们在如今的实战中，基本都是用的 ES6 语法，所以请尽量避免使用 var 定义变量。

2、let：定义局部变量

用 let 声明的变量，只在局部（块级作用域内）起作用。

举例 1：

{
    let a = 'hello';
}
console.log(a); //输出：变量a未找到

举例 2：

var a = 2;
{
    let a = 3;
}

console.log(a); // 打印结果：2

防止数据污染

1、用 var 声明变量：

for (var i = 0; i < 10; i++) {
    console.log('循环体中:' + i);
}

console.log('循环体外:' + i);// 10

上方代码可以正常打印结果，且最后一行的打印结果是 10。说明循环体外定义的变量 i，是全局作用域下的 i。

2、用 let 声明变量：

for (let i = 0; i < 10; i++) {
    console.log('循环体中:' + i); 
    // 每循环一次，就会在 { } 所在的块级作用域中，重新定义一个新的变量 i
}

console.log('循环体外:' + i);

上方代码的关键在于：每次循环都会产生一个块级作用域，每个块级作用域中会重新定义一个新的变量 i。

另外，上方代码的最后一行无法打印结果，也就是说打印会报错。因为用 let 定义的变量 i，只在{ }这个块级作用域里生效。

结构化赋值

let obj = {
    name: "lmx",
    age: 23,
    sex: "man",
}

let name, age;
({name,age} = obj);

// let {name,age} = obj;

console.log(name, age); // lmx 23

注意：当我们定义了let a = 1时，如果我们在同一个作用域内继续定义let a = 2，是会报错的。

3、const：定义常量

在程序开发中，有些变量是希望声明后，在业务层就不再发生变化，此时可以用 const 来定义常量。常量就是值（内存地址）不能变化的量。

举例：

  const name = 'lmx'; //定义常量 

注意：用 const 声明的常量，只在局部（块级作用域内）起作用；而且，用 const 声明常量时，必须赋值，否则报错。

    <script>
      const data = 10;
      console.log(data);
      //   data = 11; //报错。不能被修改

      const list = [10, 20, 30];
      list[0] = 11;//可以修改数组某个值
      list = [11, 12, 13]; //报错，不能修改整个数组
      console.log(list);
    </script>

let 和 const 的特点【重要】

• 不属于顶层对象 Window

• 不允许重复声明

• 不存在变量提升

• 暂时性死区

• 支持块级作用域

相反， 用var声明的变量：存在变量提升、可以重复声明、没有块级作用域。

var/let/const 的共同点

• 全局作用域中定义的变量，可以在函数中使用。

• 函数中声明的变量，只能在函数及其子函数中使用，外部无法使用。