ES6学习-let和const

let命令

ES6新增了let命令，用于声明变量。

1. let命令不存在变量提升

// ES5
console.log(a); // undefined
var a = '123';

// ES6
console.log(b); // Uncaught ReferenceError: b is not defined
var b = '123';

在ES5中如果在var声明的变量之前引用，则该变量是undefined，而在ES6中如果在变量声明之前应用let声明的变量则会报错。

2. let变量存在暂时性死区

var a = '123';
if (true) {
  a = '234'; // Uncaught ReferenceError: a is not defined
  let a = '123';
}

用let声明的变量就相当于是绑定在了这个作用域内了，这个区域内封闭了这个用let声明的变量，所以凡是在这个区域内声明之前使用这个变量就会出现错误。

typeof a; // Uncaught SyntaxError: Invalid or unexpected token
let a = 'hello world';

这时候我们发现，typeof就不一定是是一个安全的操作了。

3.let不允许重复声明

// ES5
var a = 1;
var a = 2;

// ES6
let b = 1;
let b = 2; // Uncaught SyntaxError: Identifier 'a' has already been declared

用let声明的变量如果重复声明，则会报错。

4.let块级作用域

// ES5
for (var i = 0; i < 5; i++) {}
console.log(i); // 5

// ES6 
for (let j = 0; j < 5; j++) {}
console.log(j); // Uncaught ReferenceError: j is not defined

let只在他声明的那一个块作用域内可用，所以在它的快作用域之外引用会报错，let的块级作用域可以避免for循环中的i泄漏在全局作用域之中。

// ES5
(function () {
  var a ...   
}) ();

// Es6 
{
  let ... 
}

let的块级作用域可以代替IIFE，避免全局变量的污染问题。

 

const命令

ES6增加了const命令，用于声明常量。一旦声明，常量就不可改变。

const a; // Uncaught SyntaxError: Missing initializer in const declaration

对于const来说如果只声明不赋值的话，就会报错。

const的其他特性与let相同，这里就不再赘述。