TypeScript Interface 默认值

TypeScript Interface 默认值

在 TypeScript 中，接口是一种定义对象类型的方式，它可以描述一个对象的形状（属性）和类型（值），接口可以定义属性的可选性和默认值，这使得我们可以更灵活地使用接口来描述对象。

基本概念

1、接口：在 TypeScript 中，接口是一种定义对象类型的方式，它可以描述一个对象的形状（属性）和类型（值）。

2、可选属性：在接口中，我们可以用 ? 来表示一个属性是可选的，这意味着实现这个接口的对象可以不包含这个属性。

3、默认属性：在 TypeScript 2.0 之后，我们可以为接口的属性设置默认值，这使得我们可以更灵活地使用接口来描述对象。

默认值的设置

1、为属性设置默认值：在接口中，我们可以用 = 来为属性设置默认值。

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

在这个例子中，name 属性有一个默认值 string，而 age 属性是一个可选属性。

2、实现带有默认值的接口：现在，我们可以创建一个实现 Person 接口的对象，并为其属性设置默认值：

const person: Person = {
  name: "张三",
};

在这个例子中，我们创建了一个名为 person 的对象，它实现了 Person 接口，我们为 name 属性设置了默认值 "张三"，但没有为 age 属性设置值，由于 age 属性是可选的，所以这是可以的。

3、实现带有默认值的接口时指定属性的值：我们也可以在实现带有默认值的接口时为属性指定值：

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

在这个例子中，我们为 name 属性设置了默认值 "张三"，并为 age 属性设置了值 25，这样，我们就实现了一个具有完整属性的对象。

4、实现带有默认值的接口时省略可选属性：我们还可以在实现带有默认值的接口时省略可选属性：

const person: Person = {
  name: "张三",
};

在这个例子中，我们为 name 属性设置了默认值 "张三"，但没有为 age 属性设置值，由于 age 属性是可选的，所以这是可以的，这样，我们就实现了一个具有部分属性的对象。

默认值的限制

1、函数类型的默认值：在 TypeScript 2.0 之前，我们不能为函数类型的参数设置默认值，从 TypeScript 2.0 开始，我们可以为函数类型的参数设置默认值。

interface MyFunc {
  (x: number, y?: number): number;
}

在这个例子中，我们为 MyFunc 接口的 y 参数设置了默认值 undefined，这意味着实现这个接口的函数可以接受一个或两个参数，如果只传递一个参数，那么第二个参数将自动设置为 undefined。

2、类类型的默认值：在 TypeScript 2.0 之前，我们不能为类类型的成员设置默认值，从 TypeScript 2.0 开始，我们可以为类类型的成员设置默认值。

class MyClass {
  x: number = 0; // x 的默认值为 0
}

在这个例子中，我们为 MyClass 类的 x 成员设置了默认值 0，这意味着创建这个类的实例时，如果没有为 x 成员赋值，那么它的值将为 0。

归纳

TypeScript 接口支持默认值，这使得我们可以更灵活地使用接口来描述对象，通过为接口的属性设置默认值，我们可以创建具有部分或完整属性的对象，我们还可以为函数类型的参数和类类型的成员设置默认值，这使得 TypeScript 更加强大和灵活。