「労働者が自分の仕事をうまくやりたいなら、まず自分の道具を研ぎ澄まさなければなりません。」 - 孔子、「論語。陸霊公」
表紙 > プログラミング > 初心者向けのタイプスクリプト、パート3:インターフェイス

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

2025-03-23に投稿されました
ブラウズ:377

TypeScript for Beginners, Part 3: Interfaces

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

この部分はインターフェイスに焦点を当てています。 x ポイント width with with with )、および)を with length and and and )、

)、

with

with
function volumeCuboid(cuboid) {
    let volume = cuboid.length * cuboid.width * cuboid.height;
    console.log(`Volume: ${volume}`);
}

let cuboid = { x: -22, y: 28, width: 12, length: 32, height: 20 };

volumeCuboid(cuboid);
// Volume: 7680
立方体

の例は、すべてのプロパティの値を指定し、関数を使用してボリュームを計算することを示しています。インターフェイスは、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 チュートリアルは、交差点タイプにも触れ、インターフェイス拡張とは対照的です。 既存のタイプを使用して

roundrectangle

を作成する方法を検討し、複数のインターフェイス宣言(許可)と再編タイプ(エラーの結果)のマージの違いを強調します。

キーテイクアウト:

TypeScript for Beginners, Part 3: Interfaces

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

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

最新のチュートリアル もっと>

免責事項: 提供されるすべてのリソースの一部はインターネットからのものです。お客様の著作権またはその他の権利および利益の侵害がある場合は、詳細な理由を説明し、著作権または権利および利益の証拠を提出して、電子メール [email protected] に送信してください。 できるだけ早く対応させていただきます。

Copyright© 2022 湘ICP备2022001581号-3