const声明常量的本质

---

title: const声明常量的本质
author: Adong
description:
tags:

• CDN
• github

---

在我们使用const声明常量时，总认为值一旦声明就不可改变，其实是有误解的。const实际上并不是保证变量的值不得改动，而是变量指向的那个内存地址不得改动。

对于简单类型的数据（数值、字符串、布尔值），值就保存在变量指向的那个内存地址，因此等同于常量。

但对于复合类型的数据（主要是对象和数组），变量指向的内存地址，保存的只是一个指针，const只能保证这个指针是固定的，至于它指向的数据结构是不是可变的，就完全不能控制了。

const foo = {};
foo.age = 12; // 并不会报错
console.log(foo); // { age: 12 }
// 将 foo 指向另一个对象，就会报错
foo = {}; // TypeError: "foo" is read-only

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

如果真的想将对象冻结，应该使用Object.freeze方法。

const foo = Object.freeze({});

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

上面代码中，常量foo指向一个冻结的对象，所以添加新属性不起作用，严格模式时还会报错。

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

var constantize = (obj) => {
  Object.freeze(obj);
  Object.keys(obj).forEach((key, i) => {
    if (typeof obj[key] === "object") {
      constantize(obj[key]);
    }
  });
};