TypeScript の簡単な紹介 | 青少年トレーニング キャンプ

1.タイプスクリプト

TypeScript と JavaScript

特徴

• タイプセーフティ
• 次世代の JS 機能
• 完全なツールチェーン

単なる言語ではなく、生産性向上ツールでもあります。

TypeScript の基本

基本タイプ

関数の種類

• 定義: TS は関数タイプを定義するときに入力パラメーターのタイプと出力タイプを定義します。
• 入力パラメータ: パラメータはオプションのパラメータとデフォルトのパラメータをサポートします
• 出力パラメータ: 出力は自動的に推測可能、戻り値がない場合、デフォルトは void 型
• 関数のオーバーロード: 名前は同じですが、パラメーターが異なり、オーバーロードを通じて複数の型をサポートできます。

インターフェースの種類

親切

増加しました:

• 公共
• プライベート
• 保護された

高度な TypeScript

タイプモード

1. ユニオンタイプ l
2. クロスタイプ＆
3. 型アサーション
4. タイプエイリアス (タイプとインターフェース)

-定義: 型にエイリアスを与える -類似点
:

1. オブジェクトまたは関数を定義できます
2. 継承は許可されています

-相違点:

1. 1インターフェイスはオブジェクトを定義するためにTSによって使用され、タイプは便宜上エイリアスを定義するために使用されます。
2. 型は基本型を定義できますが、インターフェイスは定義できません。
3. インターフェイスは繰り返しの宣言をマージできますが、型はマージできません。

ジェネリック

公式の定義:

ソフトウェア エンジニアリングでは、一貫性があり、明確に定義された API を作成するだけでなく、再利用性も考慮する必要があります。コンポーネントは現在のデータ型だけでなく将来のデータ型もサポートできるため、大規模なシステムを作成するときに非常に柔軟な機能が提供されます。
C# や Java などの言語では、ジェネリックを使用して、コンポーネントが複数の種類のデータをサポートできる再利用可能なコンポーネントを作成できます。これにより、ユーザーは独自のデータ型のコンポーネントを使用できるようになります。

基本的な定義

1. 一般的な構文は、型パラメータを書き込むもので、通常は T で表されます。
2. 使用時にタイプを指定するには 2 つの方法があります。
   1. 使用するタイプを定義する
   2. TS 型推論を通じて自動的に型を推定します。
3. ジェネリックスの役割は、その場所を一時的に占有し、渡された型を通じてその場所を推測することです。

使用するシーン

ツールタイプの一致

よく使用されるツールの種類

TypeScript の動作

• 宣言: サードパーティのライブラリには型宣言ファイルが必要です
• .d.ts: 宣言ファイル定義
• @types: サードパーティ ライブラリの TS タイプ パッケージ
• tsconfig.json: TSの構成を定義します。

汎用制約バックエンド インターフェイス タイプ

要約する