54 lines
1.4 KiB
Plaintext
54 lines
1.4 KiB
Plaintext
---
|
|
description: 'Enforce valid definition of `new` and `constructor`.'
|
|
---
|
|
|
|
import Tabs from '@theme/Tabs';
|
|
import TabItem from '@theme/TabItem';
|
|
|
|
> 🛑 This file is source code, not the primary documentation location! 🛑
|
|
>
|
|
> See **https://typescript-eslint.io/rules/no-misused-new** for documentation.
|
|
|
|
JavaScript classes may define a `constructor` method that runs when a class instance is newly created.
|
|
TypeScript allows interfaces that describe a static class object to define a `new()` method (though this is rarely used in real world code).
|
|
Developers new to JavaScript classes and/or TypeScript interfaces may sometimes confuse when to use `constructor` or `new`.
|
|
|
|
This rule reports when a class defines a method named `new` or an interface defines a method named `constructor`.
|
|
|
|
## Examples
|
|
|
|
<Tabs>
|
|
<TabItem value="❌ Incorrect">
|
|
|
|
```ts
|
|
declare class C {
|
|
new(): C;
|
|
}
|
|
|
|
interface I {
|
|
new (): I;
|
|
constructor(): void;
|
|
}
|
|
```
|
|
|
|
</TabItem>
|
|
<TabItem value="✅ Correct">
|
|
|
|
```ts
|
|
declare class C {
|
|
constructor();
|
|
}
|
|
|
|
interface I {
|
|
new (): C;
|
|
}
|
|
```
|
|
|
|
</TabItem>
|
|
</Tabs>
|
|
|
|
## When Not To Use It
|
|
|
|
If you intentionally want a class with a `new` method, and you're confident nobody working in your code will mistake it with a constructor, you might not want this rule.
|
|
You might consider using [ESLint disable comments](https://eslint.org/docs/latest/use/configure/rules#using-configuration-comments-1) for those specific situations instead of completely disabling this rule.
|