TypeScriptの基本的な種類の学習ノート_JavaScriptスキル-jsチュートリアル-php.cn

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

WBOY

リリース： 2016-05-16 15:54:09

オリジナル

997 人が閲覧しました

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("これは私の警告メッセージです");

}

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