TypeScript タイプエイリアス

概要: このチュートリアルでは、タイプエイリアスを使用してタイプに新しい名前を定義する方法を学びます。

TypeScript タイプエイリアスへの入門

TypeScript では、タイプエイリアスを使用すると既存のタイプの新しい名前を作成できます。

タイプエイリアスは以下の用途に役立ちます。

• 複雑なタイプの簡略化.
• コードをより読みやすくする.
• コードベースの多くの場所で利用可能な再利用可能なタイプを作成する.

タイプエイリアスを定義するには、type キーワードの後にエイリアス名とそれが表すタイプを続けます。

タイプエイリアスを定義するための構文は次のとおりです。

type alias = existingType;

既存のタイプは、プリミティブタイプ、オブジェクトタイプ、ユニオントライプ、インターセクションタイプ、ファンクションタイプを含む有効な TypeScript タイプです。

タイプエイリアスの例

1) プリミティブタイプ

次の例は、文字列タイプに対してタイプエイリアス chars を使用します。

type Name: string;

let firstName: Name;
let lastName: Name;Code language: JavaScript (javascript)

3) ユニオントライプ

この例では、Name を string タイプのタイプエイリアスとして作成し、2 つの変数 firstName と lastName の宣言に使用します。

2) オブジェクトタイプ

type Person = {
  name: string;
  age: number;
};

let person: Person = {
  name: 'John',
  age: 25
};Code language: JavaScript (javascript)

次の例では、name と age の 2 つのプロパティを持つオブジェクトのタイプエイリアス Person を定義します。

次の例は、ユニオントライプ string | number に対するタイプエイリアスの定義方法を示します。

type alphanumeric = string | number;

let input: alphanumeric;
input = 100; // valid
input = 'Hi'; // valid
input = false; // Compiler errorCode language: JavaScript (javascript)

4) インターセクションタイプ

次の例は、インターセクションタイプ Personal & Contact に対するタイプエイリアスの作成方法を示します。

type Personal = {
  name: string;
  age: number;
};

type Contact = {
  email: string;
  phone: string;
};

type Candidate = Personal & Contact;

let candidate: Candidate = {
  name: "Joe",
  age: 25,
  email: "[email protected]",
  phone: "(408)-123-4567"
};Code language: JavaScript (javascript)

概要

• タイプエイリアスを使用して、既存のタイプに新しい名前を定義します。