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

接口

接口定义:

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>
相关推荐
ST.J5 分钟前
webpack笔记
前端·笔记·webpack
你我约定有三9 分钟前
软件启动时加配置文件 vs 不加配置文件
java·分布式·zookeeper
27^×17 分钟前
Java 内存模型与垃圾回收机制详解
java·开发语言
syty202018 分钟前
flink 伪代码
java·windows·flink
Baklib梅梅25 分钟前
2025 年 8 个最佳网站内容管理系统(CMS)
前端·ruby on rails·前端框架·ruby
max50060032 分钟前
本地部署开源数据生成器项目实战指南
开发语言·人工智能·python·深度学习·算法·开源
q5673152334 分钟前
手把手教你用Go打造带可视化的网络爬虫
开发语言·爬虫·信息可视化·golang
IT_陈寒34 分钟前
🔥5个必学的JavaScript性能黑科技:让你的网页速度提升300%!
前端·人工智能·后端
Bling_Bling_139 分钟前
面试常考:js中 Map和 Object 的区别
开发语言·前端·javascript
你好~每一天1 小时前
2025年B端产品经理进阶指南:掌握这些计算机专业技能,决胜职场!
java·人工智能·经验分享·学习·产品经理·大学生