如何禁止在JS/TS属性初始化中使用非空断言操作符(!)

问题核心 #

开启strict: true后，未初始化的类属性会触发Property has no initializer and is not definitely assigned in the constructor.ts(2564)错误。很多开发者用非空断言!（比如test!: string;）绕开检查，但你希望强制改用test: string | undefined;明确标注可选类型，不过@typescript-eslint/no-non-null-assertion规则对属性上的!没有生效。

可行方案 #

使用@typescript-eslint/no-unnecessary-type-assertion规则替代或配合原规则，具体配置步骤如下：

1. 在你的ESLint配置文件（如.eslintrc.js）中添加规则：

module.exports = {
  parser: '@typescript-eslint/parser',
  plugins: ['@typescript-eslint'],
  rules: {
    "@typescript-eslint/no-unnecessary-type-assertion": [
      "error",
      {
        typesToIgnore: ["null", "undefined"]
      }
    ],
    "@typescript-eslint/no-non-null-assertion": "error"
  }
};

该规则会检测所有不必要的类型断言，包括类属性上的非空断言!。配置typesToIgnore是为了排除针对null/undefined的必要断言，只拦截用来绕开初始化检查的非空断言。

2. 确认TypeScript配置强化初始化检查（strict: true已包含以下选项，若未单独修改可忽略此步骤）：

{
  "compilerOptions": {
    "strict": true,
    "strictPropertyInitialization": true
  }
}

效果验证 #

当开发者编写test!: string;时，ESLint会直接触发错误，此时只能改为test: string | undefined;或者在构造函数中为属性赋值，才能通过检查。

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