中級

incorrectly implements interface の原因と直し方

クラスがimplementsで宣言したinterfaceのメンバー（メソッドやプロパティ）を実装し忘れたときに出るエラーです。interfaceは「このクラスが持つべき形」の契約であり、implementsはその契約を守る宣言です。

エラーメッセージの読み方

main.ts(4,7): error TS2420: Class 'Bot' incorrectly implements interface 'Greeter'.

main.ts

ファイル名

4

行番号

7

列番号 — この位置でtscが検査に失敗しました

TS2420

エラーコード — 検索するとTypeScriptの解説が見つかります

Class 'Bot' incorrectly implements interface 'Greeter'.

内容 — 期待していたもの、または受け付けられなかったもの

このエラーが出る典型パターン

 1  interface Greeter {
 2    greet(): string;
 3  }
 4  class Bot implements Greeter {                                   
                                                   ^
 5  }
 6  console.log(new Bot());

 1  interface Sized {
 2    size(): number;
 3  }
 4  class Bag implements Sized {                               
                                               ^
 5  }
 6  console.log(new Bag());

 1  interface Named {
 2    name: string;
 3  }
 4  class Robot implements Named {                 
                                          ^
 5  }
 6  console.log(new Robot());

 1  interface Runner {
 2    run(): string;
 3  }
 4  class Athlete implements Runner {                                 
                                                     ^
 5  }
 6  console.log(new Athlete());

 1  interface Labeled {
 2    label: string;
 3  }
 4  class Item implements Labeled {                 
                                           ^
 5  }
 6  console.log(new Item());

よくある誤解

「implementsと書けば自動的にメソッドの雛形が用意される」というわけではありません。implementsは契約を守っているかをtscに検査させるための宣言で、メソッドの中身は自分で書く必要があります。

実務での勘所

interfaceはTypeScript独自の概念で、コンパイル後のJavaScriptには一切の痕跡を残しません。tscは型チェックが終わった時点でinterfaceの定義そのものを完全に削除します。そのため、実行時にif (x instanceof SomeInterface)のような判定をすることはできません。実行時にも型の情報を残したい場合はclassを使う必要があり、これがinterfaceとabstract classの実務上の使い分けの大きな判断基準の1つになっています。

演習をはじめる

関連するエラー

• abstractクラスを直接newした原因と直し方abstractを付けたクラスは、そのままnewでインスタンス化することができません。
• No overload matches this call の原因と直し方複数のシグネチャ（オーバーロード）を持つ関数を、どの組み合わせにも当てはまらない引数の型で呼び出したときに出るエラーです。