const 常量的本质

  • Post author:
  • Post category:其他




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] );
    }
  });
};



版权声明:本文为jyn15159原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。