TypeScript の基本 変数と型を簡略化

TypeScript は静的型を追加することで JavaScript を強化し、エラーを早期に検出してコードの品質を向上させます。この記事では、TypeScript の変数と型の基本を簡略化して、初心者に明確な理解を提供します。

TypeScript の変数を理解する

TypeScript では、変数は JavaScript と同様に宣言されますが、型注釈の利点が追加されます。これにより、変数が保持するデータの種類を指定できます。

変数の宣言

let、const、var を使用して変数を宣言できます。ただし、ブロック スコープ機能があるため、let と const の使用が推奨されます。

let age: number = 25;
const name: string = "Alice";

TypeScript の基本型

TypeScript は、変数が保持できるデータの種類を定義するためのいくつかの基本的な型を提供します。

• 数値: 整数や浮動小数点数などの数値を表します。
• 文字列: テキストデータを表します。
• ブール値: true または false の値を表します。
• 配列: 特定のタイプの値のコレクションを表します。
• オブジェクト: キーと値のペアのコレクションを表します。

数値例

let count: number = 100;

文字列の例

let greeting: string = "Hello, World!";

ブール値の例

let isActive: boolean = true;

配列の例

let scores: number[] = [90, 80, 70];

オブジェクトの例

let user: { name: string, age: number } = {
  name: "John",
  age: 30
};

型推論

TypeScript は、初期値に基づいて変数の型を自動的に推測できます。つまり、型を明示的に指定する必要は必ずしもありませんが、明示的に指定するとコードが明確になります。

型推論の例

let age = 25; // TypeScript infers 'age' as number
age = "hello"; // Error: Type 'string' is not assignable to type 'number'

型注釈

型注釈を使用すると、変数の型を明示的に定義できます。これにより、変数に割り当てられた値が期待される型に準拠していることが保証されます。

型注釈の例

let isLoggedIn: boolean = false;

結論

変数と型を理解することは、TypeScript を効果的に使用するための基本です。TypeScript の型システムを活用することで、より信頼性が高く保守しやすいコードを作成できます。基本的な型から始めて、型推論を調べ、型注釈を使用して、コードが期待されるデータ構造に準拠していることを確認します。

これらの基本を習得すれば、TypeScript を習得し、その可能性を最大限に活用して堅牢なアプリケーションを構築できるようになります。