mirror of
https://github.com/Sevichecc/Urara-Blog.git
synced 2025-05-03 06:49:29 +08:00
67 lines
1.5 KiB
Text
67 lines
1.5 KiB
Text
---
|
|
description: 'Disallow non-null assertion in locations that may be confusing.'
|
|
---
|
|
|
|
> 🛑 This file is source code, not the primary documentation location! 🛑
|
|
>
|
|
> See **https://typescript-eslint.io/rules/no-confusing-non-null-assertion** for documentation.
|
|
|
|
## Rule Details
|
|
|
|
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 (`!=` `!==`).
|
|
|
|
```typescript
|
|
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(`===`)
|
|
```
|
|
|
|
<!--tabs-->
|
|
|
|
### ❌ Incorrect
|
|
|
|
```ts
|
|
interface Foo {
|
|
bar?: string;
|
|
num?: number;
|
|
}
|
|
|
|
const foo: Foo = getFoo();
|
|
const isEqualsBar = foo.bar! == 'hello';
|
|
const isEqualsNum = 1 + foo.num! == 2;
|
|
```
|
|
|
|
### ✅ Correct
|
|
|
|
<!-- prettier-ignore -->
|
|
```ts
|
|
interface Foo {
|
|
bar?: string;
|
|
num?: number;
|
|
}
|
|
|
|
const foo: Foo = getFoo();
|
|
const isEqualsBar = foo.bar == 'hello';
|
|
const isEqualsNum = (1 + foo.num!) == 2;
|
|
```
|
|
|
|
## Options
|
|
|
|
```jsonc
|
|
// .eslintrc.json
|
|
{
|
|
"rules": {
|
|
"@typescript-eslint/no-confusing-non-null-assertion": "warn"
|
|
}
|
|
}
|
|
```
|
|
|
|
This rule is not configurable.
|
|
|
|
## When Not To Use It
|
|
|
|
If you don't care about this confusion, then you will not need this rule.
|
|
|
|
## Further Reading
|
|
|
|
- [`Issue: Easy misunderstanding: "! ==="`](https://github.com/microsoft/TypeScript/issues/37837) in [TypeScript repo](https://github.com/microsoft/TypeScript)
|