インターフェースは、JavaScriptランタイム上では、何の影響もありません。TypeScriptのインターフェースは、オブジェクトの構造を宣言するための多くの機能があります。
次の2つは同じ意味の宣言です。1つ目は、はインラインの型定義を使用し、2つ目はインターフェースを使用しています。
// Sample Adeclare var myPoint: { x: number; y: number; };// Sample Binterface Point {x: number; y: number;}declare var myPoint: Point;
しかし、サンプル Bの美しいところは、myPoint
このライブラリを使って、別のライブラリを作る誰かが、新しいプロパティを追加する際に、簡単にmyPoint
の宣言を拡張して、新しいプロパティを追加できることです:
// Lib a.d.tsinterface Point {x: number; y: number;}declare var myPoint: Point;// Lib b.d.tsinterface Point {z: number;}// Your codevar myPoint.z; // Allowed!
これは、TypeScriptのインターフェースが拡張に対してオープンであるためです。これはTypeScriptの重要な教えです。インターフェースは、JavaScriptの拡張性と同じことを実現しています。
誰かがあなたのためにinterface
で宣言したオブジェクト構造に従わなければならないクラスを使いたい場合、互換性を保証するためにimplements
キーワードを使うことができます:
interface Point {x: number; y: number;}class MyPoint implements Point {x: number; y: number; // Same as Point}
基本的にimplements
したクラスがあるときに、その外部のPoint
インターフェースを変更すると、あなたのコードベースでコンパイルエラーになりますので、簡単に同期を取ることができます:
interface Point {x: number; y: number;z: number; // New member}class MyPoint implements Point { // ERROR : missing member `z`x: number; y: number;}
implements
はクラスのインスタンスの構造を制限することに注意してください。
var foo: Point = new MyPoint();
foo:Point = MyPoint
のようなものは上記とは異なります。
インターフェースは、JavaScriptで可能などんな変な構造でも宣言できるように設計されています。
new
をコールできる何かのインターフェースを考えてみましょう:
interface Crazy {new (): {hello: number};}
基本的な実装は次のようなものです:
class CrazyClass implements Crazy {constructor() {return { hello: 123 };}}// Becauseconst crazy = new CrazyClass(); // crazy would be {hello:123}
インターフェースを使って変な構造を宣言し、TypeScriptの型のサポートを得つつ、安全に使用することもできます。しかし、それらをTypeScriptのクラスとして実装できるとは限りません。