ES6 const命令

本节我们学习 ES6 中的 const 命令,const 也是 ES6 中新增的一个命令。const 声明一个只读常量,一旦声明常量,就必须立即初始化。改变常量的值或者仅声明但不赋初始值都会报错。

const声明

const 声明一个只读的常量,一旦声明,常量的值就不能改变。实际上,不能改动的不是值,而是变量指向的那个内存地址所保存的数据不得改动。

示例:

使用 const 命令声明变量其实和 let 的使用方法差不多,例如声明一个常量 a

const a = 1;
console.log(a);

常量声明后必须初始化

const 声明常量后必须立即初始化,不能留到以后赋值。

示例:
const a;
a = 1;
console.log(a);

报错信息:

SyntaxError: Missing initializer in const declaration

报错信息提示我们,const 声明中缺少初始值设定项,也就是说没有赋初始值。

常量声明后不可以改变

使用 const 命令声明一个常量后,常量的值便不可以改变,否则会报错。

示例:

例如声明 a 并将之赋值为 1 之后,修改 a 的值为10:

const a = 1;
a = 10; // 常量的值不可改变
console.log(a);

报错信息如下所示:

TypeError: Assignment to constant variable.

const的其他特性

constlet 还是有很多相似点的,例如只在声明所在的块级作用域内有效。

示例:
{
    const a = 1;
}
console.log(a);

报错信息如下,提示我们 a 没有被声明:

ReferenceError: a is not defined

除此之外,还有 const 命令声明的常量也是不提升的,同样存在暂时性死区,只能在声明的位置后面使用。

示例:
if(true){
    console.log(PI); 
    const PI = 10;
}

报错信息如下,不能在初始化之前调用常量 PI

ReferenceError: Cannot access 'PI' before initialization

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

示例:
var a = 10;
let b = 20;

// 以下两行都会报错
const a = 100;
const b = 200;

报错信息如下所示:

SyntaxError: Identifier 'a' has already been declared

const本质

const 实际上保证的,并不是变量的值不得改动,而是变量指向的那个内存地址所保存的数据不得改动。

  • 对于简单类型的数据,例如数值、字符串、布尔值,值就保存在变量指向的那个内存地址,因此等同于常量。
  • 但对于复合类型的数据,例如对象和数组,变量指向的内存地址,保存的只是一个指向实际数据的指针,const 只能保证这个指针是固定的(即总是指向另一个固定的地址),至于它指向的数据结构是不是可变的,就完全不能控制了。
示例:

我们来看下面这个例子:

const xkd = {};

xkd.prop = 123;
console.log(xkd.prop);  // 输出:123


xkd = {};  // 输出:TypeError: Assignment to constant variable.

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

想看更多可以查看:https://www.9xkd.com/