TypeScriptの基本的な種類の学習ノート_JavaScriptスキル

TypeScript には 7 つの基本的な型があります。

1. ブール値

コードをコピーします コードは次のとおりです:

var isDone: ブール値 = false;

2、数字

は JavaScript の数値を表します。 JavaScript では、「整数」も「浮動小数点数」も倍精度浮動小数点型として格納されます。

コードをコピーします コードは次のとおりです:

var height: 数値 = 6;

3. 文字列

は文字列を表します。 JavaScript と同様に、二重引用符 (") または一重引用符 (') のペアを使用して文字列を表すことができます。

コードをコピーします コードは次のとおりです:

変数名: 文字列 = "ボブ";
名前 = 'スミス';

4. 配列

TypeScript には 2 つの配列宣言方法があります。

①「[]」を使用して宣言します:

コードをコピーします コードは次のとおりです:

var list:number[] = [1, 2, 3];

② 配列型を使用して宣言します:

コードをコピーします コードは次のとおりです:

var list: 配列 = [1, 2, 3];

どちらの申告方法でも使用でき、効果に違いはありません。ただし、統一されたコード スタイルを維持するために、コード内ではそのうちの 1 つだけを使用することをお勧めします。

5. 列挙型

TypeScript では列挙型が新たに追加されましたが、JavaScript にはそのような型はありません。

コードをコピーします コードは次のとおりです:

列挙型の色 {
レッド、
緑、
ブルー
};
var c: Color = Color.Green;

C# と同様に、最初の項目の値が宣言されていない場合、上の赤の値は 0 になり、その後各項目が 1 ずつ増加します。つまり、緑が 1、青が 2 になります。

コードをコピーします コードは次のとおりです:

列挙型の色 {
赤 = 1、
緑、
ブルー
};
var c: Color = Color.Green;

この時点で、赤の値は 1、緑は 2、青は 3 になります。

もちろん、項目ごとに値を指定することもできます。

コードをコピーします コードは次のとおりです:

列挙型の色 {
赤 = 1、
緑 = 2、
青 = 4
};
var c: Color = Color.Green;

さらに、列挙型には特別な関数があります。値があるものの、それが列挙型で定義されているかどうかが不明な場合は、次の方法で値を取得できます。

コードをコピーします コードは次のとおりです:

列挙型の色 {
赤 = 1、
緑、
ブルー
};
var colorName: string = Color[2];
アラート(色名);
colorName = カラー[4];
アラート(色名);

すると緑と未定義が出力されます。 Green の値は 2 であり、値 4 を定義する enum がないため、unknown が返されます。

6. 任意の

JavaScript の変数のデフォルト型と同様、参照は動的であり、任意の型を割り当てることができます。例:

コードをコピー コードは次のとおりです:

var notSure: any = 4;
notSure = "代わりに文字列でもよい";
notSure = false; // はい、間違いなくブール値です

any として定義した後は、構文認識機能が失われます。これは JavaScript を記述することと同等です。

any は配列で使用できることに注意してください。

コードをコピーします コードは次のとおりです:

var list: any[] = [1, true, "free"];
リスト[1] = 100;

7、無効

この型は関数内でのみ使用できます。関数の戻り値の型を void として指定できます。これは、関数が値を返さないことを意味します。

コードをコピーします コードは次のとおりです:

関数 warnUser(): void {
alert("これは私の警告メッセージです");
}

以上がこの記事の全内容です。皆さんに気に入っていただければ幸いです。