TypeScript中 interface 和 type 的区别

区别1

  • 使用 interface 和 type 都是表示给定数据结构的常用方法。
  • 定义的方式略有不同。
  • type 定义的时候有 "=" 符号
typescript 复制代码
interface User {
	name: string,
	age: number
}
type User = {
	name: string,
	age: number
}

区别2

  • interface 可以多次声明同一接口。它们将合并在一起形成一个接口定义。
  • type 只能声明一次。

interface:可以多次声明,并最终可共同复用;

typescript 复制代码
interface User{
	name: string
}
interface User{
	age: number
}
let Person: User = {
	name: 'myName',
	age: 100
}

type:再次声明会报错

typescript 复制代码
type User = {
	name: string
}
type User = {  // 报错,Throw error: Duplicate identifier
	age: number
}

注意:

  1. 如果希望定义一个变量类型,就用 type,如果希望能够继承并约束,就用 interface。
  2. 如果您是库的作者或为外部库创建类型定义,请使用 interface。方便其他人也可以扩展它们。
  3. 如果你不知道该用哪个,建议使用 type。
相关推荐
h***04772 小时前
SpringBoot(7)-Swagger
java·spring boot·后端
v***91303 小时前
Spring boot创建时常用的依赖
java·spring boot·后端
xlq223226 小时前
22.多态(上)
开发语言·c++·算法
666HZ6666 小时前
C语言——高精度加法
c语言·开发语言·算法
代码or搬砖6 小时前
MyBatisPlus讲解(二)
java·mybatis
星释6 小时前
Rust 练习册 100:音乐音阶生成器
开发语言·后端·rust
lcu1116 小时前
Java 学习42:抽象
java
Mr.朱鹏6 小时前
RocketMQ安装与部署指南
java·数据库·spring·oracle·maven·rocketmq·seata
雨中飘荡的记忆6 小时前
Spring表达式详解:SpEL从入门到实战
java·spring
Coder-coco6 小时前
个人健康管理|基于springboot+vue+个人健康管理系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·后端·mysql·论文