no-dupe-class-members

禁止重複的類別成員

✅

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

如果類別成員中存在同名的宣告，最後一個宣告會無聲地覆寫其他宣告。這可能會導致意外行為。

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

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

規則細節

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

範例

此規則的不正確程式碼範例

在遊樂場中開啟

/*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

此規則的正確程式碼範例

在遊樂場中開啟

/*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 中引入。

資源

編輯此頁面