TypeScript 的 interface

在TypeScript（TS）中，interface 是一个非常核心的概念，用于定义类型结构。它帮助开发者为对象、函数参数或者返回值等设定一种结构化的类型规范。接口允许你定义一个蓝图，描述一个对象应该具有的形状（属性和方法）。这有助于提升代码的可读性、可维护性，并且在编译时期就能捕获类型错误。

基本用法

// 定义一个接口
interface Person {
  firstName: string;
  lastName: string;
  age?: number; // 使用问号表示该属性是可选的
}

// 创建一个符合Person接口的对象
const person: Person = {
  firstName: "John",
  lastName: "Doe",
  age: 30, // 可以有age属性
};

// 或者
const personWithoutAge: Person = {
  firstName: "Jane",
  lastName: "Doe", // 不包含age也是合法的，因为它是可选的
};

函数类型接口

你还可以使用接口来定义函数的类型，包括函数参数和返回值的类型。

interface GreetingFunction {
  (name: string): string;
}

const sayHello: GreetingFunction = (name) => {
  return `Hello, ${name}!`;
};

继承接口

接口之间可以相互继承，这意味着一个接口可以继承另一个接口的属性和方法，从而实现接口的复用。

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

interface Dog extends Animal {
  breed: string;
}

const myDog: Dog = {
  name: "Rex",
  breed: "German Shepherd",
  makeSound() {
    console.log("Woof!");
  },
};

索引签名

接口还可以具有索引签名，用于描述可以通过索引访问的元素类型，通常用于数组或对象字面量。

interface StringArray {
  [index: number]: string; // 指定索引对应的值必须是字符串类型
}

const myArray: StringArray = ["apple", "banana", "cherry"];

总结

interface 在 TypeScript 中是非常强大的工具，它帮助你构建复杂的数据模型，确保类型安全，使得代码更加健壮。通过组合、继承和索引签名等功能，接口能够灵活地适应各种复杂的类型定义需求。