2.3 前端-ts的接口以及自定义类型

24kHT2025-07-19 17:31

接口

接口定义：

typescript 复制代码

export interface Person {
	id:string,
	name:string,
	gender:number
}

接口引用：

符号:意义是类型注解符号，声明变量类型，编译器可以进行类型检查。

html 复制代码

<script>
// 导入的type前缀一定得加
import {type Person} from '...';
let p:Person = {
	id:'253465',
	name:'arfwf',
	gender:1
};

// 或者复杂的
let p:Ayyay<Person> = [
{...},
{...}
]
</script>

自定义类型

自定义类型：

typescript 复制代码

export interface Person {
	id:string,
	name:string,
	gender:number
}

export type Persons = Ayyay<Person>;

自定义类型使用：

符号:意义是类型注解符号，声明变量类型，编译器可以进行类型检查。

html 复制代码

<script>
import {typr Persons} from '...';
let p:Person = [{...},{...}];
</script>