初心者向けのタイプスクリプト、パート3：インターフェイス

このチュートリアルでは、TypeScriptの初心者シリーズを継続して、TypeScriptの機能、インストール、IDEの提案を以前に紹介することで構築されています。 2番目のチュートリアルでは、タイプスクリプトデータ型とエラー防止の利点をカバーしました。

この部分は、インターフェイスに焦点を当てています。 xやPoint （ widthのある）、およびCuboid （ lengthとheightの拡張Point ）などのインターフェイスが、オブジェクト構造の定義をどのように支援するかを調べます。 Cuboid例は、すべてのプロパティの値を指定し、関数を使用してボリュームを計算することを示しています。

JavaScriptにはインターフェイスがタイプスクリプト固有の機能であることに注意することが重要です。タイプスクリプトコードをコンパイルすると、次のJavaScriptに相当する結果が得られます。

関数volumecuboid（cuboid）{
    let bolume = cuboid.length * cuboid.width * cuboid.height;
    console.log（ `volume：$ {volume}`）;
}

cuboid = {x：-22、y：28、width：12、length：32、height：20}

volumecuboid（Cuboid）;
//ボリューム：7680

チュートリアルでは、交差点タイプにも触れ、インターフェイス拡張とは対照的です。既存のタイプを使用してRoundedRectangleを作成する方法を検討し、複数のインターフェイス宣言（許可）と再契約のタイプ（エラーの結果）のマージの違いを強調します。

重要なテイクアウト：

このチュートリアルは、TypeScriptインターフェイスの基盤を提供し、堅牢なコードを書くことにおけるその役割を強調します。オプションおよび読み取り専用のプロパティを使用したインターフェイスを作成し、初期インターフェイス定義を超えて動的プロパティを追加するためのインデックスシグネチャを利用することを学びました。より深い理解については、公式のタイプスクリプトドキュメントを参照してください。

次のチュートリアルでは、タイプスクリプトクラスを掘り下げます。

以上が初心者向けのタイプスクリプト、パート3：インターフェイスの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。