TypeScript私有字段#dx提示需readonly？如何全局关闭该警告？

为什么#dx会触发这个提示，而private字段不会？ #

• TypeScript的#私有字段是ES原生私有属性，运行时会严格限制访问；而private关键字只是编译时的语法糖，编译后会变成普通对象属性，没有运行时限制。
• 这个提示的核心不是担心外部修改（毕竟私有字段已经禁止外部访问），而是防止内部代码误修改。你的#dx只在构造函数中赋值，之后没有任何修改操作，TypeScript会认为这个字段可以标记为readonly，以此明确它的不可变性，避免后续维护时内部代码不小心给它赋值导致bug。
• 至于private字段没有这个警告，是因为TypeScript对传统private的静态检查规则更宽松，而对ES原生私有字段的分析更严格，会主动识别这种可以优化为只读的场景。

是否需要给私有字段加readonly？ #

不是强制性要求，但推荐添加：

• 它是一种清晰的代码契约，告诉自己和其他开发者：这个字段在实例创建后永远不会被修改，减少代码理解成本。
• 能让TypeScript做更精准的类型检查，比如在函数中使用这个字段时，TS可以确定它的值不会变化，避免不必要的类型推断。

全局关闭该警告的方法 #

如果确实不想看到这个提示，可以修改tsconfig.json的编译选项：

1. 打开项目根目录下的tsconfig.json文件
2. 在compilerOptions中添加"noImplicitReadonly": false

示例配置：

{
  "compilerOptions": {
    "target": "ESNext",
    "module": "ESNext",
    "strict": true,
    "noImplicitReadonly": false
  }
}

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