TypeScript进阶：深入剖析TS中的类型（2）

2024-02-10 17:42:36

在TS语言的类型系统中，类型扮演着至关重要的角色，它决定了变量、函数、类等要素的数据类型，约束着代码的结构和行为。本文将深入探讨TS中类型的概念，帮助读者更深入地理解和应用TS类型系统，提升代码质量和开发效率。

理解类型变量

TypeScript中的变量类型定义了变量所能存储的值类型。TS支持多种基本类型，包括number、string、boolean、null和undefined。除了基本类型，TS还支持联合类型、数组类型和对象类型等复杂类型。

let age: number = 30;
let name: string = "John";
let isMarried: boolean = true;

函数类型的妙用

函数类型了函数的参数类型和返回值类型。TS中的函数类型语法简洁明了，易于理解。

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

剖析类类型

类类型定义了类的结构和行为。TS中的类类型支持属性、方法和构造函数，提供了面向对象编程的强大功能。

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

类型推断的便利性

TS提供类型推断功能，根据变量的值和上下文的类型进行类型推断。类型推断可以简化代码编写，减少手动添加类型注解的繁琐。

let age = 30; // 类型推断为number
let name = "John"; // 类型推断为string

类型注解的精妙

虽然TS支持类型推断，但有时手动添加类型注解可以提供更明确的类型信息，增强代码的可读性和维护性。

let age: number = 30;
let name: string = "John";

鸭子类型的灵活性

鸭子类型是一种类型检查方法，它关注对象的行为而不是其类型。如果某个对象具有某种方法或属性，那么它就被认为是具有该类型的。

interface Duck {
  quack(): void;
}

class MallardDuck implements Duck {
  quack() {
    console.log("Quack!");
  }
}

class RubberDuck implements Duck {
  quack() {
    console.log("Squeak!");
  }
}

function makeDuckQuack(duck: Duck) {
  duck.quack();
}