什么是接口?(vue3+ts)

 * 接口     定义:是用来描述对象的形状的。

 * 语法:用关键字 interface

 * 接口名称--建议以大写I开头(官方建议)

 * interface  接口名称(这不用加等于号){

 *

 * }

 例子

 * interface  Istudent{

 * name:string,

 * age:number,

 * like:string,

 * 自定义数据类型

 * [props:string]:string|undefined|boolean,//索引签名(出来的属性名是string类型还可以加任意类型。)

 * }

 *

 * let obj:Istudent={

 * name:'张三',

 * age:18,

 * like:'篮球'

 * }

 * 实例:用户注册:账号、密码、手机号、邮箱、身份站好、验证码

 * interface  Iuser{

     account:string,

     password:string,

     phone?:string,加?

     email:string,

     idCard:string,

     code:string,

 * }

 * let obj:Iuser={

 * account:'123456',

 * password:'123456',

 * phone?:'123456789',

 * email:'123456@qq.com',

 * idCard:'学生',

 * code:'123456'

 *  }

 * interface和type区别?

 * interface 声明的两个同名接口回自动合并 ,而type类型别名不可以,会报错

 * 接口可以实现继承,约束函数,对象,数组(总称引用数据类型)

interface 声明的变量名后面直接是{ },type后面是 '={ }'

 * 例子接口约束函数类型

 * interface   Ifn{

 *      (x:number,y:umber):number

 * }

 * let fn:Ifn=(x:number,y:number):number=>{

 *    return 2

 * }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值