no-confusing-non-null-assertion
Disallow non-null assertion in locations that may be confusing.
🎨
在 ESLint 配置 中扩展"plugin:@typescript-eslint/stylistic"
可启用此规则。
🔧
此规则报告的一些问题可通过 --fix
ESLint 命令行选项自动修复。
💡
此规则报告的一些问题可以通过编辑器 建议 手动修复。
在赋值或等于检查(=
或 ==
或 ===
)旁边使用非空断言 (!
) 会创建令人困惑的代码,因为它看起来类似于不等于检查 (!=
!==
)。
英:Using a non-null assertion (!
) next to an assign or equals check (=
or ==
or ===
) creates code that is confusing as it looks similar to a not equals check (!=
!==
).
a! == b; // a non-null assertions(`!`) and an equals test(`==`)
a !== b; // not equals test(`!==`)
a! === b; // a non-null assertions(`!`) and an triple equals test(`===`)
此规则标记令人困惑的 !
断言,并建议删除它们或将断言表达式括在 ()
括号中。
英:This rule flags confusing !
assertions and suggests either removing them or wrapping the asserted expression in ()
parenthesis.
.eslintrc.cjs
module.exports = {
"rules": {
"@typescript-eslint/no-confusing-non-null-assertion": "error"
}
};
示例
- ❌ 不正确
- ✅ 正确
interface Foo {
bar?: string;
num?: number;
}
const foo: Foo = getFoo();
const isEqualsBar = foo.bar! == 'hello';
const isEqualsNum = 1 + foo.num! == 2;
Open in Playgroundinterface Foo {
bar?: string;
num?: number;
}
const foo: Foo = getFoo();
const isEqualsBar = foo.bar == 'hello';
const isEqualsNum = (1 + foo.num!) == 2;
Open in Playground何时不使用它
如果你不关心这种混乱,那么你就不需要这个规则。
英:If you don't care about this confusion, then you will not need this rule.
进一步阅读
选项
该规则不可配置。