typescript中声明新的对象类型

在 TypeScript 中声明新的对象类型主要有两种方式：使用 interface 和 type 关键字。这两种方法在很多情况下都可以互换使用，但它们也有一些不同的特性和用法。下面将介绍如何使用这两种方法来声明新的对象类型。

使用 interface 声明对象类型

interface 是定义对象类型的一种非常常见的方式。它允许你定义一个对象的结构，包括其包含的属性及属性的类型。interface 还支持扩展（继承）其他接口。

基本示例

interface User {
  id: number;
  name: string;
  age?: number; // 可选属性
}

function greet(user: User) {
  console.log(`Hello, ${user.name}!`);
}

const user: User = { id: 1, name: 'John Doe' };
greet(user);

在这个示例中，我们定义了一个 User 接口，包含三个属性：id、name 和可选的 age。然后我们创建了一个 User 类型的对象并传递给了一个函数。

扩展接口

interface 可以扩展一个或多个其他接口，这是一个很强大的特性，使得你可以构建复杂的类型关系。

interface Person {
  name: string;
}

interface User extends Person {
  id: number;
  age?: number;
}

const user: User = { id: 1, name: 'Alice', age: 30 };

使用 type 声明对象类型

type 关键字提供了另一种定义对象类型的方式。与 interface 类似，type 也可以用来定义对象的结构，并支持使用联合和交叉类型等高级功能。

基本示例

type User = {
  id: number;
  name: string;
  age?: number;
};

function greet(user: User) {
  console.log(`Hello, ${user.name}!`);
}

const user: User = { id: 1, name: 'John Doe', age: 25 };
greet(user);

使用交叉类型

type 的一个优势是能够很容易地与其他类型进行组合，使用交叉类型：

type Person = {
  name: string;
};

type Employee = {
  id: number;
  department: string;
};

type EmployeeDetails = Person & Employee;

const employee: EmployeeDetails = {
  name: 'Jane Doe',
  id: 2,
  department: 'Finance'
};

interface 与 type 的选择

虽然 interface 和 type 都可以用于声明对象类型，选择哪一个取决于具体的使用场景：

• 扩展性：如果你需要使用继承，interface 是一个更好的选择。
• 灵活性：如果你需要使用联合或交叉类型，或者定义元组和其他使用模式，type 可能更适合。
• 一致性：在团队或项目中，保持一致性很重要。选择一种风格并坚持使用它，可以使代码更易于理解和维护。

总的来说，interface 和 type 都是在 TypeScript 中声明新对象类型的强大工具，你可以根据项目需求和个人喜好选择使用。