TypeScript中 interface 和 type 的区别

区别1

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

区别2

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

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

interface User{
	name: string
}
interface User{
	age: number
}
let Person: User = {
	name: 'myName',
	age: 100
}

type:再次声明会报错

type User = {
	name: string
}
type User = {  // 报错,Throw error: Duplicate identifier
	age: number
}

区别3

  • 继承方式的不同,interface通过extend方式继承,type通过 & 符号继承;

interface

interface PointX {
    x: number
}
interface Point extends PointX {
    y: number
}

type

type PointX = {
    x: number
}
type Point = PointX & {
    y: number
}

interface 和 type 可以相互拓展

interface

type PointX = {
    x: number
}
interface Point extends PointX {
    y: number
}

type

interface PointX {
    x: number
}
type Point = PointX & {
    y: number
}

注意:

  1. 如果希望定义一个变量类型,就用 type,如果希望能够继承并约束,就用 interface。
  2. 如果您是库的作者或为外部库创建类型定义,请使用 interface。方便其他人也可以扩展它们。
  3. 如果你不知道该用哪个,建议使用 type。

你可能感兴趣的:(TypeScript,typescript,java,开发语言)