開発者ドキュメント

TypeScriptでインターフェイスを使用する方法

著者はCOVID-19救済基金を選択し、 Write forDOnationsプログラムの一環として寄付を受け取りました。

序章

TypeScript は、 JavaScript 言語の拡張であり、コンパイル時の型チェッカーでJavaScriptのランタイムを使用します。

TypeScriptは、コード内のオブジェクトを表す複数の方法を提供します。そのうちの1つはインターフェイスを使用しています。 TypeScriptのインターフェイスには、2つの使用シナリオがあります。クラスが実装する必要のあるメンバーなど、クラスが従う必要のあるコントラクトを作成できます。また、通常のtype宣言と同様に、アプリケーションで型を表すこともできます。 (typesの詳細については、 TypeScriptで基本型を使用する方法とTypeScript でカスタム型を作成する方法を確認してください。)

インターフェイスとタイプが同様の機能セットを共有していることに気付くかもしれません。 実際、ほとんどの場合、一方を他方に置き換えることができます。 主な違いは、インターフェイスには同じインターフェイスに対して複数の宣言があり、TypeScriptがマージするのに対し、型は1回しか宣言できないことです。 タイプを使用して、インターフェイスでは実行できないプリミティブタイプ(stringbooleanなど)のエイリアスを作成することもできます。

TypeScriptのインターフェイスは、型構造を表す強力な方法です。 これらを使用すると、これらの構造の使用法をタイプセーフにし、同時に文書化できるため、開発者のエクスペリエンスが直接向上します。

このチュートリアルでは、TypeScriptでインターフェイスを作成し、それらの使用方法を学び、通常のタイプとインターフェイスの違いを理解します。 さまざまなコードサンプルを試してみてください。これらは、独自のTypeScript環境、またはブラウザで直接TypeScriptを記述できるオンライン環境である TypeScriptPlaygroundで実行できます。

前提条件

このチュートリアルに従うには、次のものが必要です。

モバイルバージョンを終了