TypeScript の基礎の詳細な紹介 (2)

4. TypeScript の高度な型

ここに画像の説明を挿入

4.1クラスクラス

クラスの継承には 2 つの方法があります。1 拡張 (親クラスを継承) 2 実装 (インターフェースの実装)。

クラス メンバーの可視性: TS を使用して、クラスのメソッドまたはプロパティをクラス外のコードから可視にするかどうかを制御できます。
パブリック
保護された
プライベート
読み取り専用
ここに画像の説明を挿入
ここに画像の説明を挿入
ここに画像の説明を挿入
ここに画像の説明を挿入
ここに画像の説明を挿入
ここに画像の説明を挿入
ここに画像の説明を挿入
ここに画像の説明を挿入
ここに画像の説明を挿入
ここに画像の説明を挿入

4.2 型の互換性

ここに画像の説明を挿入
ここに画像の説明を挿入

ここに画像の説明を挿入

ここに画像の説明を挿入

ここに画像の説明を挿入
ここに画像の説明を挿入

ここに画像の説明を挿入

4.3 クロスタイプ

ここに画像の説明を挿入
ここに画像の説明を挿入

4.4 ジェネリックス

ここに画像の説明を挿入

ここに画像の説明を挿入

ここに画像の説明を挿入

ここに画像の説明を挿入

ここに画像の説明を挿入

ここに画像の説明を挿入

ここに画像の説明を挿入

ここに画像の説明を挿入
ここに画像の説明を挿入
ここに画像の説明を挿入

ここに画像の説明を挿入
ここに画像の説明を挿入
ここに画像の説明を挿入
ここに画像の説明を挿入
ここに画像の説明を挿入
ここに画像の説明を挿入
ここに画像の説明を挿入

4.5 インデックス署名の種類

ここに画像の説明を挿入

ここに画像の説明を挿入

4.6 マッピングの種類

ここに画像の説明を挿入
ここに画像の説明を挿入

ここに画像の説明を挿入

ここに画像の説明を挿入

ここに画像の説明を挿入

5. TypeScript型宣言ファイル

ここに画像の説明を挿入

5.1 TS の 2 つのファイル タイプ

ここに画像の説明を挿入

5.2 型宣言ファイルの使用方法

ここに画像の説明を挿入

ここに画像の説明を挿入
ここに画像の説明を挿入

ここに画像の説明を挿入

ここに画像の説明を挿入

ここに画像の説明を挿入

ここに画像の説明を挿入

6. React で TypeScript を使用する

ここに画像の説明を挿入

6.1 CRA を使用して TS 対応プロジェクトを作成する

ここに画像の説明を挿入

ここに画像の説明を挿入

ここに画像の説明を挿入

6.2 TS設定ファイル tsconfig.json

ここに画像の説明を挿入

ここに画像の説明を挿入

6.3 React の一般的な型

ここに画像の説明を挿入

ここに画像の説明を挿入

ここに画像の説明を挿入

ここに画像の説明を挿入
ここに画像の説明を挿入
ここに画像の説明を挿入
ここに画像の説明を挿入
ここに画像の説明を挿入
ここに画像の説明を挿入

おすすめ

転載: blog.csdn.net/weixin_45428910/article/details/131672792