TypeScript 日常类型解析：拥抱 JavaScript 的无限潜力

2023-11-08 00:23:50

TypeScript，JavaScript 的超集，在 JavaScript 中引入了类型系统，为代码提供了更多的类型安全保障，也提供了更加丰富的类型和语法特性。本文将深入解析 TypeScript 中的日常类型，让您掌握这些类型的使用技巧，提升您的代码质量和可维护性。

一、原始类型

TypeScript 中的原始类型包括字符串、数值、布尔值和 undefined。这些类型都是 JavaScript 中的基本类型，TypeScript 在此基础上进行了扩展，提供了更强大的类型安全保障。

1. 字符串

字符串类型用于表示由字符组成的序列。TypeScript 中的字符串类型与 JavaScript 中的字符串类型基本相同，可以使用双引号或单引号来定义。

let name: string = "John Doe";

2. 数值

数值类型用于表示数字。TypeScript 中的数值类型包括整数和浮点数。整数可以使用十进制、十六进制或八进制来表示，浮点数可以使用科学计数法来表示。

let age: number = 30;
let salary: number = 10000.50;

3. 布尔值

布尔值类型用于表示真假。TypeScript 中的布尔值类型只有两个值：true 和 false。

let isMarried: boolean = true;

4. undefined

undefined 类型表示一个未定义的值。TypeScript 中的 undefined 类型与 JavaScript 中的 undefined 类型基本相同，表示一个变量尚未被赋值。

let x: undefined = undefined;

二、联合类型

联合类型用于表示一个变量可以同时具有多个类型。联合类型可以使用管道符号（|）来定义。

let name: string | number = "John Doe";

在上面的例子中，name 变量可以同时具有字符串类型和数值类型。这意味着我们可以将字符串或数值赋值给 name 变量。

三、元组

元组类型用于表示一个固定长度和类型的元素序列。元组类型可以使用方括号来定义。

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

在上面的例子中，person 变量是一个元组类型，它包含两个元素：一个字符串和一个数值。元组中的元素是按照顺序排列的，我们可以使用索引来访问它们。

console.log(person[0]); // "John Doe"
console.log(person[1]); // 30

四、数组

数组类型用于表示一个可变长度和类型的元素序列。数组类型可以使用方括号来定义。

let numbers: number[] = [1, 2, 3, 4, 5];

在上面的例子中，numbers 变量是一个数组类型，它包含五个元素：五个数字。数组中的元素可以是任何类型，我们可以使用索引来访问它们。

console.log(numbers[0]); // 1
console.log(numbers[1]); // 2

五、枚举

枚举类型用于表示一组具有相同类型的常量。枚举类型可以使用 enum 来定义。

enum Color {
  Red,
  Green,
  Blue
}

在上面的例子中，Color 枚举类型定义了一组颜色常量：红色、绿色和蓝色。我们可以使用这些常量来表示颜色。

let color: Color = Color.Red;

六、对象

对象类型用于表示一组键值对。对象类型可以使用大括号来定义。

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

在上面的例子中，person 变量是一个对象类型，它包含两个键值对：name 和 age。我们可以使用点运算符来访问对象的属性。

console.log(person.name); // "John Doe"
console.log(person.age); // 30

七、类

类类型用于创建对象。类类型可以使用 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.`);
  }
}

在上面的例子中，Person 类定义了一个具有 name 和 age 属性以及 greet 方法的对象。我们可以使用 new 关键字来创建 Person 类的实例。

let person = new Person("John Doe", 30);

person.greet(); // "Hello, my name is John Doe and I am 30 years old."

八、接口

接口类型用于定义一组方法和属性。接口类型可以使用 interface 关键字来定义。

interface Person {
  name: string;
  age: number;

  greet(): void;
}

在上面的例子中，Person 接口定义了一组方法和属性，这些方法和属性可以被 Person 类实现。

class Person implements 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.`);
  }
}