no-dupe-class-members

不允許重複的類別成員

✅

在設定檔中使用 @eslint/js 的 recommended 設定會啟用此規則

如果類別成員中存在相同名稱的宣告，則最後一個宣告會靜默地覆寫其他宣告。這可能會導致非預期的行為。

class Foo {
  bar() { console.log("hello"); }
  bar() { console.log("goodbye"); }
}

const foo = new Foo();
foo.bar(); // goodbye
1
2
3
4
5
6
7

規則詳細資訊

此規則旨在標示在類別成員中使用重複名稱的情況。

範例

此規則的錯誤程式碼範例

在 Playground 中開啟

/*eslint no-dupe-class-members: "error"*/

class A {
  bar() { }
  bar() { }
}

class B {
  bar() { }
  get bar() { }
}

class C {
  bar;
  bar;
}

class D {
  bar;
  bar() { }
}

class E {
  static bar() { }
  static bar() { }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

此規則的正確程式碼範例

在 Playground 中開啟

/*eslint no-dupe-class-members: "error"*/

class A {
  bar() { }
  qux() { }
}

class B {
  get bar() { }
  set bar(value) { }
}

class C {
  bar;
  qux;
}

class D {
  bar;
  qux() { }
}

class E {
  static bar() { }
  bar() { }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

何時不該使用

此規則不應在 ES3/5 環境中使用。

在 ES2015 (ES6) 或更新版本中，如果您不希望收到關於類別成員中重複名稱的通知，您可以安全地停用此規則。

由 TypeScript 處理

當使用 TypeScript 時，停用此規則是安全的，因為 TypeScript 的編譯器會強制執行此檢查。

版本

此規則在 ESLint v1.2.0 中引入。

資源

編輯此頁面