如何在JavaScript中冻结枚举而不抓狂

轻松学习Python，无需理论负担。在浏览器中直接解决带自动检查的实践任务，无需安装任何东西。

引言：为什么你的枚举会“泄漏”，以及如何避免

想象一下，你正在一个大型JavaScript项目上工作。你为订单状态创建了一个枚举：PENDING，SHIPPED，DELIVERED。一切运行完美，直到某个模块中，某个开发者（或者半年后的你自己）不小心写了：OrderStatus.PENDING = 'CANCELLED'。或者更糟的是，Object.assign(OrderStatus, { NEW_STATUS: 'hacked' })。砰！应用程序逻辑崩溃，bug进入生产环境，你度过了一个不眠之夜进行调试。

这是一个经典问题，在Stack Overflow上积累了数千次浏览。“How can I guarantee that my enums definition doesn't change in JavaScript?”这个问题困扰着许多人。这并非没有道理：JavaScript是一种动态语言，其对象默认是可变的。但有解决办法，今天我们将探讨所有可靠保护枚举的方法。

在本文中，我将向你展示几种经过验证的方法：从简单的Object.freeze()到使用Symbol和TypeScript的高级技术。你将学习如何编写不可变的枚举，这些枚举能够承受任何偶然（以及不那么偶然）的修改。

问题：为什么JavaScript中的枚举只是一个对象

与某些语言（C#，Java，Rust）不同，JavaScript没有原生的enum构造。开发者使用简单对象来模拟它们：

const OrderStatus = {  PENDING: 'pending',  SHIPPED: 'shipped',  DELIVERED: 'delivered'};

这可行，但这种模拟有一个致命缺陷：任何人都可以修改值。这不仅仅是恶意行为——它经常是偶然发生的：

在循环或回调中意外赋值。
不可变性？忘记了——然后有人扩展了对象。
库可能会改变传入的对象。

问题在大型代码库中更加严重，因为跟踪此类修改很困难。这就是为什么保护枚举免受修改的问题如此受欢迎。

解决方案1：Object.freeze() —— 你的第一道盾牌

最简单且最常用的方法是使用Object.freeze()。此方法使对象不可变：你将无法添加、删除或修改属性。

它是如何工作的

const OrderStatus = Object.freeze({  PENDING: 'pending',  SHIPPED: 'shipped',  DELIVERED: 'delivered'});

// 尝试修改——不会生效OrderStatus.PENDING = 'CANCELLED'; // 静默失败（在严格模式下——报错）OrderStatus.NEW = 'new';           // 不会添加delete OrderStatus.SHIPPED;       // 不会删除

console.log(OrderStatus.PENDING); // 'pending' —— 值未改变

为什么这很有用？ Object.freeze()在对象级别工作。这是一个内置机制，不需要额外的库。它非常适合在JavaScript中保护枚举免受意外突变。