typescript类接口与类型有哪些-js教程-PHP中文网

typescript类接口与类型有哪些

雪夜

发布： 2024-11-07 23:30:40

原创

1126人浏览过

类接口和类型是 TypeScript 中定义类结构和行为的两种机制。类接口用于定义类的公共 API，而类型用于定义类的完整结构，包括私有实现细节。主要区别在于访问性（接口仅公开类成员，而类型公开全部成员）、继承（接口支持多重继承，而类型仅支持单一继承）和实例化（接口不能直接实例化，而类型可以）。根据需求，类接口适用于定义类的公共面向，而类型适用于定义类的完整结构和行为。

typescript类接口与类型有哪些

TypeScript 类接口与类型

TypeScript 提供了类接口和类型两种机制来定义类的形状和行为。虽然它们有相似之处，但它们在目的和使用方式上存在关键差异。

类接口

目的：定义类的公共 API，包括其属性、方法和事件。

语法：

讯飞星火认知大模型

科大讯飞推出的类ChatGPT AI对话产品

查看详情

<code class="typescript">interface InterfaceName {
  // 属性
  property1: type1;
  property2: type2;
  // 方法
  method1(arg1: type3, arg2: type4): returnType;
  method2(): void;
  // 事件
  event1: string;
}</code>

登录后复制

类型

目的：定义类的完整结构，包括其私有实现细节。

语法：

<code class="typescript">type TypeName = {
  // 属性
  property1: type1;
  property2: type2;
  // 方法
  method1(arg1: type3, arg2: type4): returnType;
  method2(): void;
}</code>

登录后复制

主要差异

特征	类接口	类型
目的	定义公共 API	定义完整结构
可访问性	只公开类成员	公开类成员和私有成员
继承	可以从多个接口继承	只能从一个类型继承
实例化	不能直接实例化	可以直接实例化
用法	用作类的约束	用作对类的完全定义

用法示例

类接口：

<code class="typescript">interface Person {
  name: string;
  age: number;

  greet(): void;
}

class Employee implements Person {
  // ...
}</code>

登录后复制

类型：

<code class="typescript">type PersonType = {
  name: string;
  age: number;

  private _privateProperty: number;

  greet(): void;
}

const person: PersonType = {
  name: "John Doe",
  age: 30,

  greet() {
    // ...
  }
}</code>

登录后复制