es6学习 -- let和const

在es6中let和const声明的变量都只能在其声明的块级作用域中使用，所谓的块级作用域就是{}这么一对大括号。

为什么需要块级作用域？

ES5 只有全局作用域和函数作用域，没有块级作用域，这带来很多不合理的场景。

第一种场景，内层变量可能会覆盖外层变量。

var tmp = new Date();

function f() {
  console.log(tmp);
  if (false) {
    var tmp = 'hello world';
  }
}

f(); // undefined

上面代码的原意是，if代码块的外部使用外层的tmp变量，内部使用内层的tmp变量。但是，函数f执行后，输出结果为undefined，原因在于变量提升，导致内层的tmp变量覆盖了外层的tmp变量。

第二种场景，用来计数的循环变量泄露为全局变量。

var s = 'hello';

for (var i = 0; i < s.length; i++) {
  console.log(s[i]);
}

console.log(i); // 5

上面代码中，变量i只用来控制循环，但是循环结束后，它并没有消失，泄露成了全局变量。

 

do 表达式

本质上，块级作用域是一个语句，将多个操作封装在一起，没有返回值。

{
  let t = f();
  t = t * t + 1;
}

上面代码中，块级作用域将两个语句封装在一起。但是，在块级作用域以外，没有办法得到t的值，因为块级作用域不返回值，除非t是全局变量。

现在有一个提案，使得块级作用域可以变为表达式，也就是说可以返回值，办法就是在块级作用域之前加上do，使它变为do表达式。

let x = do {
  let t = f();
  t * t + 1;
};

上面代码中，变量x会得到整个块级作用域的返回值。

 

下面有几个知识点：

　　1.let和const声明的变量没有变量提升，这是为了避免变量在声明前使用，因此用let或者const声明的变量现在在声明前使用会报错。在块级作用域当中，用let声明的变量在声明之前的区域被称为“死区”，在变量的“死区”中使用变量是会报错的，直到变量遇到声明的语句，那么该才算是离开了“死区”。

　　2.let和const声明的全局变量与全局对象脱钩。什么意思呢，在es5中，在全局var一个变量a，在浏览器中运行可以通过window.a去访问，window是浏览器的全局对象，而在es6中用let或者const声明的变量不能再通过全局对象去访问了。

　　3.let在同一个块作用域当中不能重复声明变量。

　　4.const声明变量的时候必须赋值，否则将会报错，并且在之后二次赋值也会报错，不过如果声明的是一个对象，可以改变这个对象中的属性。

　　5.在es6中，可以在块级作用域当中声明一个函数，而这在es5中是不合法的。