TypeScript 学习 (四)：深入理解对象类型及其应用

#

#

#

1. 对象类型详解

对象类型是 TypeScript 中具有命名属性的复合数据结构的一种方式。通过使用对象类型，可以对对象属性的类型、可选性、默认值等进行约束。

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

在这个例子中，Person接口定义了一个包含name、age和isAdult属性的对象类型。接口规定了这些属性的数据类型，并隐式地保证了这些属性将在每个Person类型对象中存在。

2. 严格空值检查

TypeScript 中的严格空值检查(strictNullChecks)选项允许您在编译时检测到潜在的空值。启用此选项后，TypeScript 会检查变量是否可能为null或undefined，并报告任何可能导致空值的赋值。

// 开启 strictNullChecks 后，以下代码会报错
let x: string = null;

启用严格空值检查后，您需要在声明变量时明确指定其类型，并使用!运算符来明确指出变量可以为null或undefined。

// 使用 ! 来明确指出变量可以为 null 或 undefined
let x: string | null = null;

3. 可选属性

可选属性是指对象类型中可以省略的属性。您可以使用?运算符来声明一个可选属性。

interface Person {
  name: string;
  age?: number; // 可选属性
  isAdult?: boolean; // 可选属性
}

在上面的例子中，age和isAdult属性都是可选属性，这意味着在创建Person类型对象时，您可以省略这些属性。

4. 属性类型推断

TypeScript 可以自动推断对象的属性类型。这意味着您不必在定义对象类型时显式指定属性的类型。

const person = {
  name: "John",
  age: 30,
  isAdult: true
};

在上面的例子中，TypeScript 会自动推断出person对象的属性类型分别为string、number和boolean。

5. 扩展对象类型

您可以使用extends来扩展对象类型。这允许您在新的对象类型中重用现有对象类型中的属性和方法。

interface Employee extends Person {
  employeeId: number;
  jobTitle: string;
}

在上面的例子中，Employee接口继承了Person接口的所有属性和方法，并添加了两个新的属性：employeeId和jobTitle。

6. 应用场景

对象类型在实际开发中有着广泛的应用，包括：

• 数据建模： 对象类型可以用来对现实世界中的实体进行建模，例如用户、产品和订单等。
• 数据验证： 对象类型可以用来验证用户输入的数据是否符合预期的格式和类型。
• 接口定义： 对象类型可以用来定义函数或方法的接口，从而确保函数或方法的输入和输出类型符合预期。
• 代码复用： 对象类型可以用来实现代码的复用，例如您可以创建一个通用的Person类型，然后在不同的应用程序中重用它。

7. 总结

对象类型是 TypeScript 中一种强大的工具，它可以帮助您管理复杂的数据结构、验证用户输入的数据并实现代码的复用。通过使用对象类型，您可以编写更健壮、更可靠的 TypeScript 代码。