TypeScript基础篇（二）中的类型系统和接口定义

前端

2023-09-16 17:17:19

在TypeScript基础篇（二）中，我们将深入探讨TypeScript中的类型系统和接口定义，从而帮助您提升对这门强大语言的理解。

TypeScript中类型系统的核心是类型注释，它允许您明确指定变量、函数和对象的类型。类型注释有助于代码的可读性、可维护性和可重构性。

接口是TypeScript中用于定义一组相关属性和方法的特殊类型。通过定义接口，您可以强制要求对象具有特定的结构和行为。这有助于确保代码的一致性和可靠性。

在本文中，我们将逐步介绍以下内容：

类型注释的类型：基本类型、联合类型、元组类型和枚举类型
如何定义和使用接口
混合类型的接口

类型注释的类型

TypeScript支持多种类型注释类型，包括：

基本类型： string、number、boolean、null、undefined
联合类型： 允许一个变量同时具有多个类型，例如：string | number
元组类型： 允许一个变量表示具有特定元素类型和顺序的元组，例如： [string, number]
枚举类型： 允许一个变量只能具有一组预定义的常量值，例如：enum Color { Red, Green, Blue }

接口定义

接口在TypeScript中使用interface定义。接口指定了一组属性和方法，这些属性和方法必须由实现该接口的对象实现。例如：

interface Person {
  name: string;
  age: number;
  greet(): void;
}

这个接口定义了一个Person对象，该对象具有name（string）、age（number）属性和greet（）方法。要实现此接口，对象必须提供这些属性和方法：

class Employee implements Person {
  name: string;
  age: number;
  greet(): void {
    console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
  }
}

混合类型的接口

有时，您可能需要定义一个接口，其中某些属性具有混合类型。例如，以下接口定义了一个User对象，其中name属性可以是string或number：

interface User {
  name: string | number;
  email: string;
}

混合类型允许对象具有更复杂的类型结构。

例子

在TypeScript基础篇（二）中，作者演示了如何使用类型注释、接口和混合类型来定义和使用对象。例如，他们定义了一个Book接口，其中title属性可以是string或number，而author属性必须是string：

interface Book {
  title: string | number;
  author: string;
}

他们还展示了如何实现Book接口并使用它来创建和操作Book对象：

class BookImpl implements Book {
  title: string | number;
  author: string;

  constructor(title: string | number, author: string) {
    this.title = title;
    this.author = author;
  }
}

const book1 = new BookImpl('The Great Gatsby', 'F. Scott Fitzgerald');
const book2 = new BookImpl(1984, 'George Orwell');

console.log(book1.title); // The Great Gatsby
console.log(book2.title); // 1984