浅谈JS如何实现真正的对象常量

好的。我们先来解释一下什么是对象常量。对象常量是一种不可变对象，即其属性不可被修改。在 JavaScript 中，没有内置的对象常量实现方式，但可以通过一些技巧来实现。

具体而言，我们可以使用 Object.freeze() 函数来冻结对象。Object.freeze() 方法可以冻结对象的属性，即使它们是对象本身的属性也无法修改。在这个过程中，对象上的所有属性都会变为只读的，无法添加、删除或修改现有属性。简而言之，该方法可以使对象变得不可修改，达到常量对象的效果。

const constantObject = {
  key1: 'value1',
  key2: 'value2'
};
Object.freeze(constantObject);

constantObject.key1 = 'new value1'; // 这行代码不会被执行

但是，使用 Object.freeze() 冻结整个对象可能会带来一些限制，因为这会影响对象的所有属性。如果需要只冻结对象中的部分属性，我们可以使用函数封装以实现更细粒度的控制。

下面是两条示例说明：

示例1

让我们假设我们需要一个表示常量的对象。这个对象应该具有一个只读属性，这个属性的值在对象创建后就不能更改。我们可以使用闭包来封装这个对象，将其设置为仅在初始化时设置其值。

const myConstant = (() => {
  const value = 'This value cannot be changed';
  return Object.freeze({
    get value() {
      return value;
    }
  });
})();

myConstant.value = 'new value'; // 将被无视

通过这种方式，我们只创建了一个具有一个只读属性的对象，而冻结对象的过程发生在工厂方法内部，使对象变得更安全。

示例2

此示例展示了如何使新建对象的一部分属性不可更改。例如，假设我们需要一个表示斐波那契数字的对象，其前几个数字应该是常量，但在对象创建后仍可以添加新数字。

function createFibonacciObject() {
  const fibonacci = {
    0: 0,
    1: 1
  };
  Object.defineProperty(fibonacci, '2', {
    get() {
      return fibonacci[0] + fibonacci[1];
    }
  });
  Object.freeze(fibonacci);

  return fibonacci;
}

const fibonacci = createFibonacciObject();
fibonacci[1] = 'not a number'; // 将被无视
fibonacci[2] = 'not a number'; // 将被无视

通过定义属性，我们冻结了斐波那契对象的前两个数字，但允许对象扩展。通过此封装，使得常量和非常量部分分离实现了更好的安全性。