TS类型大全：全面解析，助你轻松驾驭TS！

前端

2023-01-07 03:42:36

深入浅出 TS 类型系统：提高代码质量、增强协作效率

TS 类型系统概述

TypeScript (TS) 作为 JavaScript 的超集，最大的优势之一就是引入类型系统，让开发者能够在编码过程中捕获类型错误，大幅提升代码质量。

TS 类型介绍

TS 提供了丰富的类型来满足各种开发需求，包括：

基本类型： 布尔值、数字、字符串、空值
联合类型： 允许变量同时具有多种类型
接口： 定义对象的结构，包括属性和方法
枚举： 定义一组固定的值，提高代码可读性和可维护性
函数类型： 定义函数的参数类型和返回值类型
类：创建对象，支持面向对象编程特性
泛型： 在类型中使用参数，实现类型重用

TS 类型使用示例

基本类型：

let age: number = 25;
let name: string = "John";
let isAlive: boolean = true;

联合类型：

let age: number | string = 25; // age 可以是数字或字符串

接口：

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

let person: Person = { name: "John", age: 25 };

枚举：

enum Color {
  Red,
  Green,
  Blue
}

let color: Color = Color.Red;

函数类型：

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

类：

class Person {
  name: string;
  age: number;

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

let person = new Person("John", 25);

泛型：

function identity<T>(value: T): T {
  return value;
}

let str = identity<string>("Hello"); // str 是 string 类型
let num = identity<number>(10); // num 是 number 类型