TypeScript中的接口特性，助力类型强化的编程开发

2023-09-09 20:16:09

TypeScript 中的接口：提高代码健壮性的关键

什么是接口？

TypeScript 中的接口是一种类型契约，用于定义对象或类的形状。它规定了对象或类必须具备哪些属性和方法。接口有助于提高代码的可读性、可维护性，并可在编译时进行类型检查，以确保代码的健全性。

接口的定义

接口使用 interface 定义，语法如下：

interface InterfaceName {
  // 属性和方法的声明
}

例如，我们定义一个名为 Person 的接口，它包含 name 和 age 属性，以及 greet 方法：

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

接口的使用

接口可用于定义变量类型、函数参数类型和返回值类型：

// 定义一个 Person 类型的变量
let person: Person = {
  name: "John",
  age: 30,
  greet() {
    console.log(`Hello, my name is ${this.name}.`);
  },
};

// 定义一个函数，其参数为 Person 类型，返回值类型为 void
function greetPerson(person: Person): void {
  console.log(`Hello, ${person.name}!`);
}

greetPerson(person); // 输出：Hello, John!

接口继承

接口可以继承其他接口，形成新的接口。新接口将继承父接口的所有属性和方法：

interface Animal {
  name: string;
  eat(): void;
}

interface Dog extends Animal {
  breed: string;
  bark(): void;
}

let dog: Dog = {
  name: "Spot",
  breed: "Golden Retriever",
  eat() {
    console.log("Woof, woof!");
  },
  bark() {
    console.log("Bark, bark!");
  },
};

接口的多态

接口的多态性是指我们可以使用接口类型定义变量、参数和返回值类型，而无需指定具体的类。这使我们能够编写更灵活、更可重用的代码：

interface Shape {
  area(): number;
}

class Circle implements Shape {
  radius: number;

  constructor(radius: number) {
    this.radius = radius;
  }

  area(): number {
    return Math.PI * this.radius ** 2;
  }
}

class Square implements Shape {
  sideLength: number;

  constructor(sideLength: number) {
    this.sideLength = sideLength;
  }

  area(): number {
    return this.sideLength ** 2;
  }
}

function calculateArea(shape: Shape): number {
  return shape.area();
}

const circle = new Circle(5);
const square = new Square(10);

console.log(calculateArea(circle)); // 输出：78.53981633974483
console.log(calculateArea(square)); // 输出：100