ES6学习（const命令）

const命令

1、基本用法

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

// 常量的值不能修改
const PI = 3.1415;
console.log(PI); // 3.1415
PI = 3;
console.log(PI); // TypeError: Assignment to constant variable.

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

//2、const定义的值必须初始化。
const foo; //SyntaxError: Missing initializer in const declaration

const的作用域与let命令相同：只在声明所在的块级作用域内有效。

//3、const只在声明所在的块级作用域内有效。
if (true) {
  const MAX = 5;
}
console.log(MAX); //ReferenceError: MAX is not defined

const命令声明的常量也是不提升，同样存在暂时性死区，只能在声明的位置后面使用。

//4、常量也是不提升，存在暂时性死区。
console.log(a); //ReferenceError: Cannot access 'a' before initialization
const a = 2;

const声明的常量，也与let一样不可重复声明。

//5、const声明的常量，也与let一样不可重复声明。
var a = 123;
let b = "abc";
const a = 456; //SyntaxError: Identifier 'a' has already been declared
const b = "asd"; //SyntaxError: Identifier 'a' has already been declared

2、本质

const实际上保证的，并不是变量的值不得改动，而是变量指向的那个内存地址所保存的数据不得改动。对于简单类型的数据（数值、字符串、布尔值），值就保存在变量指向的那个内存地址，因此等同于常量。但对于复合类型的数据（主要是对象和数组），变量指向的内存地址，保存的只是一个指向实际数据的指针，const只能保证这个指针是固定的（即总是指向另一个固定的地址），至于它指向的数据结构是不是可变的，就完全不能控制了。因此，将一个对象声明为常量必须非常小心。

//6、const定义时，不变的是指向的地址，但是对象本身是可变的。
//例一：
const foo = {};
foo.add = 123;
foo.add = 456;
console.log(foo);
foo = {}; //TypeError: Assignment to constant variable.

上面代码中，常量foo储存的是一个地址，这个地址指向一个对象。不可变的只是这个地址，即不能把foo指向另一个地址，但对象本身是可变的，所以依然可以为其添加新属性。

//例二：
const a = [];
a.push("a", "b", "c");
a.length = 2;
console.log(a);
a = []; //TypeError: Assignment to constant variable.

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

//7、对象冻结
"use strict";
const foo = Object.freeze({});
// 常规模式时，下面一行不起作用；,{}
// 严格模式时，该行会报错, TypeError: Cannot add property prop, object is not extensible
foo.prop = 123;
console.log(foo);

除了将对象本身冻结，对象的属性也应该冻结。下面是一个将对象彻底冻结的函数。

//8、将对象彻底冻结的函数
var constantize = (obj) => {
  Object.freeze(obj);
  Object.keys(obj).forEach((key, i) => {
    if (typeof obj[key] === "object") {
      constantize(obj[key]);
    }
  });
};

3、ES6声明变量的六种方法

ES5 只有两种声明变量的方法：var命令和function命令。ES6 除了添加let和const命令，后面章节还会提到，另外两种声明变量的方法：import命令和class命令。所以，ES6 一共有 6 种声明变量的方法。