TypeScript 类型别名

摘要：在本教程中，您将学习如何使用类型别名定义类型的新的名称。

TypeScript 类型别名介绍

在 TypeScript 中，类型别名允许您为现有类型创建新名称。

类型别名可用于

• 简化复杂类型。
• 使代码更易读。
• 创建可在代码库中许多地方使用的可重用类型。

要定义类型别名，您使用type关键字后跟别名和它表示的类型。

以下是定义类型别名的语法

type alias = existingType;

现有类型可以是任何有效的 TypeScript 类型，包括原始类型、对象类型、联合类型、交叉类型和函数类型。

类型别名示例

1) 原始类型

以下示例使用类型别名 chars 表示字符串类型

type Name: string;

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

在此示例中，我们创建Name作为string类型的类型别名，并使用它来声明两个变量firstName和lastName。

2) 对象类型

以下示例定义了一个类型别名Person，用于具有两个属性name和age的对象。

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

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

3) 联合类型

以下示例显示了如何为联合类型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)

总结

• 使用类型别名为现有类型定义新名称。