TypeScript入门：使用对象和接口，为你的代码增添灵活性

2023-08-26 10:44:02

TypeScript 对象和接口：打造灵活可重用的数据结构

TypeScript 凭借其类型安全性和面向对象的特性，为开发人员提供了构建强大且灵活的应用程序的工具。对象和接口是 TypeScript 中的两个核心概念，它们在数据建模、API 设计和代码复用中扮演着至关重要的角色。

TypeScript 对象：数据组织的强大力量

TypeScript 对象是一种类似于 JavaScript 对象的数据结构，它存储键值对。这些键可以是任何类型，而值也可以是任何类型，包括其他对象、数组和函数。通过使用对象，你可以轻松组织和访问数据，这使得它们成为存储和操纵复杂数据的理想选择。

// 创建一个 TypeScript 对象
const person = {
  name: "John",
  age: 30,
  city: "New York"
};

// 访问对象的属性
console.log(person.name); // "John"

TypeScript 接口：约束和规范对象类型

TypeScript 接口是一种特殊的类型声明，它定义了对象类型的结构。接口可以指定对象的属性名称、类型和可选性，从而为对象类型提供规范和约束。通过使用接口，你可以确保对象具有正确的数据结构和属性，从而提高代码的可靠性和可维护性。

// 创建一个 TypeScript 接口
interface Person {
  name: string;
  age: number;
  city: string;
}

// 创建一个实现了 Person 接口的对象
const person = {
  name: "John",
  age: 30,
  city: "New York"
};

对象与接口的强强联合：继承和多态性

TypeScript 对象和接口可以相互继承和组合，创建具有复杂结构和行为的对象类型。通过继承，你可以创建一个子接口，它继承父接口的所有属性和方法，并可以添加自己的属性和方法。这种机制提供了代码复用和多态性的好处。

// 定义一个父接口
interface Animal {
  name: string;
  age: number;
}

// 定义一个子接口
interface Dog extends Animal {
  breed: string;
}

// 创建一个实现了 Dog 接口的对象
const dog = {
  name: "Buddy",
  age: 5,
  breed: "Golden Retriever"
};