大批Typescript 中的 VS Type[]

在 TypeScript 中，定义类型是至关重要的。在编写 TypeScript 代码时，我们通常会使用带有许多类型的一组变量或对象。 在 VS Code 中，我们有多种方法来定义这些类型，这些方法被称为 VS Type[]。

TS interface

TS 接口定义了一个需满足的类型代码结构，使用代码如下：

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

const person: Person = {
  name: 'John',
  age: 25,
  address: 'London',
};

上面的代码定义了一个 Person 类型的对象，其中包含了一个字符串类型的 name 属性、一个数字类型的 age 属性和一个字符串类型的 address 属性。使用 const person: Person = {...} 的方式定义了一个符合 Person 类型定义的对象，对象属性必须满足 Person 接口属性需要。

TS type alias

TS 类型别名是为了使代码更简洁而引入的概念，使用代码如下：

type Person = { name: string; age: number; address: string; };

const person: Person = {
  name: 'John',
  age: 25,
  address: 'London',
};

上面的代码定义了一个 Person 类型的对象，其中包含了一个字符串类型的 name 属性、一个数字类型的 age 属性和一个字符串类型的 address 属性。使用 const person: Person = {...} 的方式定义了一个符合 Person 类型别名定义的对象，对象属性必须满足 Person 类型别名属性需要。

TS type

TS 类型定义了一个变量或属性的类型，使用代码如下：

type Name = string;
type Age = number;
type Address = string;

type Person = {
  name: Name;
  age: Age;
  address: Address;
};

const person: Person = {
  name: 'John',
  age: 25,
  address: 'London',
};

上面的代码定义了三个类型别名 Name、Age 和 Address，分别表示字符串类型的名称、数字类型的年龄和字符串类型的地址。使用这些类型别名，定义了一个 Person 类型的对象，对象属性必须满足 Person 类型定义中的类型别名属性需求。

总结

这三种类型定义方法都可以满足 TypeScript 中类型定义的需求。它们的实现可能有些许不同，但在实际使用中，我们可以根据我们的需求选择其中的一个。根据使用情况，TypeScript 还提供了更多的类型定义方式，这些通过扩展 TypeScript 的语言服务和编译器 API 实现。要了解更多 TypeScript 类型定义，可以参考 TypeScript Handbook。