返回

Typescript复合类型剖析:揭开数组、枚举、函数等类型的奥秘

前端

在 Typescript 中,复合类型是指由基本类型组成的类型。复合类型包括数组、枚举、元组、函数、接口和类。复合类型使我们可以创建更复杂的数据结构,并对数据类型进行更严格的控制。

1. 数组

数组是一种有序的数据结构,可以存储多个相同类型的值。数组使用方括号 [] 来表示,元素之间使用逗号 , 来分隔。例如:

let numbers: number[] = [1, 2, 3];
let strings: string[] = ['a', 'b', 'c'];

2. 枚举

枚举是一种特殊的数据类型,用于表示一组相关的值。枚举使用 enum 来定义,枚举成员使用逗号 , 来分隔。例如:

enum Color {
  Red,
  Green,
  Blue
}

3. 元组

元组是一种有序的数据结构,可以存储多个不同类型的值。元组使用圆括号 () 来表示,元素之间使用逗号 , 来分隔。例如:

let person: [string, number] = ['John Doe', 30];

4. 函数

函数是一种代码块,可以接受输入参数并返回输出值。函数使用 function 关键字来定义,函数名称后面跟一对圆括号 (),圆括号内是函数的参数列表。例如:

function add(a: number, b: number): number {
  return a + b;
}

5. 接口

接口是一种类型定义,它了对象的形状。接口使用 interface 关键字来定义,接口名称后面跟一对大括号 {},大括号内是接口的成员。例如:

interface Person {
  name: string;
  age: number;
}

6. 类

类是一种数据类型,它定义了对象的属性和方法。类使用 class 关键字来定义,类名称后面跟一对大括号 {},大括号内是类的成员。例如:

class Person {
  name: string;
  age: number;

  constructor(name: string, age: number) {
    this.name = name;
    this.age = age;
  }

  greet() {
    console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
  }
}

复合类型是 Typescript 中非常重要的一个概念,掌握了复合类型,就可以创建更复杂的数据结构,并对数据类型进行更严格的控制。