const 常量的本质
const 命令实际上保证的,并不是变量的值不得改动,而是
变量指向的那个内存地址所保存的数据
不得改动。
对于简单(基本)类型的数据(数值、字符串、布尔值),值就保存在变量指向的那个内存地址,因此等同于常量。
对于复合(复杂)类型的数据(主要是对象和数组),变量指向的内存地址,保存的只是一个
指向实际数据的指针
,
const 只能保证这个指针是固定不变的(即总是指向另一个固定的地址),至于它指向的数据结构是不是可变的,
就完全不能控制了。因此,将一个对象声明为常量必须非常小心。
const 声明对象
:
const obj = {}
// 为 obj 添加一个属性,可以成功
obj.name = "Tom"
console.log(obj.name) // Tom
// 将 obj 指向另一个对象,就会报错
obj = {} // 报错,Uncaught TypeError: Assignment to constant variable.
上面代码中,常量 obj 储存的是一个地址,这个地址指向一个对象。不可变的只是这个地址,即不能把 obj 指向另
一个地址(对象),但对象本身是可变的,所以依然可以为其添加新属性。
const 声明数组
:
const arr = []
arr.push("aa") // 可执行
console.log(arr) // ["aa"]
arr.length = 0 // 可执行
console.log(arr) // []
arr = ["bb"] // 报错,Uncaught TypeError: Assignment to constant variable.
上面代码中,常量 arr 是一个数组,这个数组本身是可变的,但是如果将另一个数组赋值给 arr,就会报错。
对象冻结
实际开发中,如果需要将一个对象冻结,可以使用
Object.freeze()
方法。
常规模式
:
const obj = {}
const obj1 = Object.freeze(obj)
// 常规模式时,下面一行不起作用
obj1.name = "Tom"
console.log(obj1.name) // undefined
严格模式
:
"use strict"
const obj = {}
const obj1 = Object.freeze(obj)
// 严格模式时,下面一行会报错
obj1.name = "Tom" // Uncaught TypeError: Cannot add property name, object is not extensible
// 不能添加 name 属性,对象不可扩展
console.log(obj1.name)
上面代码中,常量
obj1
指向一个冻结的对象,所以添加新属性不起作用,严格模式时还会报错。
除了将对象本身冻结,对象的属性也应该冻结。下面是一个将对象彻底冻结的函数。
var constantize = (obj) => {
Object.freeze(obj);
Object.keys(obj).forEach( key => {
if ( typeof obj[key] === 'object' ) {
constantize( obj[key] );
}
});
};