Angular中const enum类型HttpStatusCode的运行机制及相关问题咨询

关于const enum运行逻辑的解答 #

你遇到的差异本质是第三方库的编译配置和你本地项目配置完全独立，和你本地项目是否开启preserveConstEnums没有关联：

1. Angular中const enum可正常使用的原理
   你在Angular源码中看到的const enum是TypeScript源代码，Angular官方在打包发布npm包时，主动开启了preserveConstEnums编译配置：编译后的JavaScript代码中会保留完整的枚举实体对象，仅在对应的类型定义文件中保留const enum的声明。你在项目中引用时，TypeScript类型校验阶段会按照const enum的规则做处理，运行时直接调用Angular预编译好的枚举对象，所以不会出现找不到变量的问题。
2. Taiga UI中const enum报错的原因
   Taiga UI库打包时没有开启preserveConstEnums配置，编译后const enum的实体对象会被完全移除，库内部所有用到枚举的地方都会被直接替换为对应的字面量值，也不会对外导出枚举对象。如果你的代码中用到了无法被TypeScript静态替换的枚举用法（比如动态读取枚举属性、遍历枚举、基于枚举做运行时的动态判断等），TypeScript编译时无法把这类用法直接替换为字面量，就会保留对枚举对象的引用，运行时自然找不到对应的变量，触发报错。
3. 示例可正常运行的原因
   你给出的可运行示例中，仅用到了枚举的静态成员取值这类固定用法，TypeScript在编译阶段会直接把这类代码替换为对应的字面量值，运行时完全不需要依赖枚举对象的存在，所以不会触发报错。一旦你在示例中使用Object.values(枚举名)这类动态操作，同样会出现运行时错误。

内容的提问来源于stack exchange，提问作者splincode