【TS】勉強ノート

1. すべての JavaScript コードは有効な Typescript コードです。TypeScript コンパイラを使用して、JavaScript コードを TypeScript でコンパイルします。コンパイルされた結果は、元の JavaScript コードとまったく同じになります。つまり、ファイル拡張子が .js から .ts に変更されますが、悪影響は生じません。

2. JavaScript コードが TypeScript に移行されると、TypeScript はコードの型チェックを実行し、いくつかのエラー メッセージを受け取ります。any を使用すると、エラー報告の問題のほとんどを解決できます。

ここに画像の説明を挿入
ここに画像の説明を挿入
ここに画像の説明を挿入
ここに画像の説明を挿入
3. 型アノテーション 関数パラメータに型アノテーションを追加し、関数または変数に制約を追加します。この例では、greeter 関数はフィールド文字列パラメータを受け取ることが期待されています。パラメータが配列に変更された場合、再コンパイル後に
エラー メッセージが生成さます
ここに画像の説明を挿入

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


ここに画像の説明を挿入

ここに画像の説明を挿入

ここに画像の説明を挿入
4. アンダーファインと null
ここに画像の説明を挿入
5. 配列、配列を定義するには 2 つの方法があります。配列ジェネリックスを使用するには、
元の型の後に [] を接続します
ここに画像の説明を挿入
。Array<要素タイプ>

ここに画像の説明を挿入
Tuple
タプル型を使用すると、既知の数と型の要素で配列を表現できます。各要素の型が同じである必要はありません。

Enum enum は
、JavaScript の標準データ型を補足するものです。

Any は
、型チェッカーに値をチェックさせず、コンパイル段階のチェックを直接通過させ、これらの変数を任意の型でマークします。
ここに画像の説明を挿入

void
ある意味、void 型は他の型の逆のようなもので、型が存在しないことを意味します。関数が値を返さない場合、通常、その戻り値の型は void であることがわかります。

物体

object は非プリミティブ型、つまり数値、文字列、ブール値以外の型を表します。

共用体型
共用体型 (共用体型) は、値が複数の型のいずれかであることを示します
ここに画像の説明を挿入
型アサーション
特別なデータ チェックと分解はありません
構文としての山かっこ構文
ここに画像の説明を挿入
型推論
型推論: 明確に指定された型がない場合、TS は型を推論します
次の 2 つの状況があります: 1. 変数に値が割り当てられている場合、対応する型であると推論されます。 2. 変数に値が割り当てられていない場合、任意の型であると推論されます。
ここに画像の説明を挿入

おすすめ

転載: blog.csdn.net/weixin_49668076/article/details/131512119