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中是不合法的。

  

原文地址:https://www.cnblogs.com/hackerPJ/p/7533436.html