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>
相关推荐
乖女子@@@1 分钟前
React-props的children属性
前端·javascript·react.js
OEC小胖胖2 分钟前
组件化思维(下):表单与交互组件,倾听用户的心声
前端·微信小程序·小程序·微信开放平台
八月十八2 分钟前
React常用Hooks及使用示例大全
前端·javascript·react.js
一口面条一口蒜3 分钟前
R语言中的获取函数与替换函数
开发语言·r语言
程序员烧烤19 分钟前
【Java初学基础10】一文讲清反射
java·开发语言
长安——归故李20 分钟前
【PLC程序学习】
java·c语言·javascript·c++·python·学习·php
大卫小东(Sheldon)24 分钟前
如何用Java25编译Java17的项目
java
狼爷26 分钟前
前端项目从 Windows 到 Linux:构建失败的陷阱
前端·node.js·angular.js
1024小神29 分钟前
vitepress多语言实现第一次跟随浏览器,第二次不跟随
前端