ES6中的变量声明

ES6中的变量声明

ES6声明变量方面与ES5的不同之处

let 与const 命令

let命令

let命令基本用法

只在let命令所在的作用域中有效

我们原来经常使用的用于定义变量的var的作用域是在全局上的，而let是在块级作用域内的。
比如下面这个例子：

{
    let  a=10;
    var  i=1;
}
a   //ReferenceError: a is not defined.
i   //1

在这个例子中我们可以看出，代码中在同一个代码块中中定义的两个变量，在同时被引用时，却表现出了不同，这说明着，用let定义的变量仅仅在其块级作用域中有效，在其作用域外并没有被定义。

在for循环中我们可以更加容易看出let命令的特征：

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

不存在变量提升

var命令会发生“变量提升”现象，即变量可以在声明之前使用，值为undefined。

// var 的情况
console.log(foo); // 输出undefined
var foo = 2;

而在ES6中，let命令并没有这样的现象，在声明之前使用变量会导致报错。

// let 的情况
console.log(bar); // 报错ReferenceError
let bar = 2;

不允许重复声明

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

// 报错
function func() {
  let a = 10;
  var a = 1;
}

// 报错
function func() {
  let a = 10;
  let a = 1;
}

在函数内部不能重新声明函数

function func(arg) {
  let arg;
}
func() // 报错
function func(arg) {
  {
    let arg;
  }
}
func() // 不报错

const命令

const声明一个只读的常量。一旦声明，常量的值就不能改变。

基本用法

const声明的变量不得改变值，这意味着，const一旦声明变量，就必须立即初始化，不能留到以后赋值。

const PI = 3.1415;
PI // 3.1415

PI = 3;
// TypeError: Assignment to constant variable.

const foo;
// SyntaxError: Missing initializer in const declaration
//在定义了变量之后就要立即初始化，否则就会进行报错

其实，const保证的不是其变量的值不改变，而是变量指向的那个地址所保存的地址不发生改变，而地址中保存的数据也仅仅是简单类型的数据。所以在使用这个常量时必须特别小心。

const foo = {};

// 为 foo 添加一个属性，可以成功
foo.prop = 123;
foo.prop // 123

// 将 foo 指向另一个对象，就会报错
foo = {}; // TypeError: "foo" is read-only

在上面的例子中，foo存储的是一个地址，地址指向一个对象，我们不可以将这个数据指向其他的地址，但是可以给原来地址上的对象添加属性。

const a = [];
a.push('Hello'); // 可执行
a.length = 0;    // 可执行
a = ['Dave'];    // 报错

上面代码中，常量a是一个数组，这个数组本身是可写的，但是如果将另一个数组赋值给a，就会报错。
如果真的想将对象冻结，应该使用Object.freeze方法。

const foo = Object.freeze({});

// 常规模式时，下面一行不起作用；
// 严格模式时，该行会报错
foo.prop = 123;

---

ES6 声明变量的六种方法

ES5 只有两种声明变量的方法：var命令和function命令。
ES6添加了let和const命令，import命令和class命令。所以，ES6 一共有 6 种声明变量的方法。

本文参考自阮一峰大佬的ES6教程