TypeScript Interface 初始化

在本文中，我们将介绍如何在 TypeScript 中初始化接口（interface）。

接口是 TypeScript 中非常强大的功能之一。它们用于定义对象的结构和类型。在使用接口时，我们经常需要初始化接口的属性。本文将详细介绍如何初始化接口的属性，并提供一些示例。

接口初始化的基本原则

在 TypeScript 中，我们可以使用接口来定义对象的属性和方法。当我们声明一个接口后，可以通过赋值给接口变量来初始化接口的属性。

接口初始化的基本原则是，初始化的值必须满足接口定义的类型和结构。如果初始化的值不满足接口定义的要求，编译器将会报错。

下面是一个示例，展示了如何使用接口初始化对象的属性：

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

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

在上面的示例中，我们定义了一个接口 Person，它有两个属性：name 和 age。然后，我们创建了一个符合该接口定义的对象并赋值给 person 变量。

可选属性的初始化

接口的属性有时候是可选的，也就是说对象可以包含该属性，也可以不包含该属性。在初始化可选属性时，可以使用 ? 符号来表示该属性是可选的。

下面是一个示例，展示了如何初始化可选属性：

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

const person1: Person = {
  name: "John",
};

const person2: Person = {
  name: "Jane",
  age: 30,
};

在上面的示例中，接口 Person 定义了一个可选属性 age。我们可以看到 person1 对象没有 age 属性，而 person2 对象包含了 age 属性。

只读属性的初始化

有时候我们希望某些属性在初始化后不可更改，即只读属性。在接口中，可以使用 readonly 关键字来定义只读属性。

下面是一个示例，展示了如何初始化只读属性：

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

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

person.name = "Jane"; // 编译错误，无法修改只读属性

在上面的示例中，属性 name 被定义为只读。一旦被赋值，就无法再修改。

函数属性的初始化

接口中的属性不仅可以是基本类型，还可以是函数。在初始化函数属性时，我们需要指定函数的参数和返回值类型。

下面是一个示例，展示了如何初始化函数属性：

interface MathFunc {
  (x: number, y: number): number;
}

const add: MathFunc = (x, y) => x + y;
const subtract: MathFunc = (x, y) => x - y;

console.log(add(5, 3));      // 输出 8
console.log(subtract(5, 3)); // 输出 2

在上面的示例中，我们定义了一个接口 MathFunc，它的属性是一个函数。我们可以使用这个接口来定义加法和减法函数，并对它们进行初始化。

接口继承和多态

接口可以继承其他接口，从而实现接口的复用和扩展。在初始化继承接口的对象时，需要同时满足多个接口的属性和方法。

下面是一个示例，展示了接口的继承和多态：

interface Vehicle {
  name: string;
}

interface Car extends Vehicle {
  wheels: number;
}

interface Bike extends Vehicle {
  wheels: number;
}

const car: Car = {
  name: "BMW",
  wheels: 4,
};

const bike: Bike = {
  name: "Giant",
  wheels: 2,
};

在上面的示例中，我们定义了一个基础接口 Vehicle，然后分别定义了 Car 和 Bike 接口，它们继承了 Vehicle 接口。