在typescript里,接口的作用是代码的一种约定和规范
一、对象型接口:对对象的约束
| interface myInfo{ |
| name:string; |
| age:number |
| } |
| function printName({name,age}:myInfo){ |
| console.log(name); |
| console.log(age); |
| return myInfo; |
| } |
复制
也可以使返回值为两个值
二、函数类型接口:对函数的约束
基础语法:
| interface 接口名 { |
| (参数名1: 参数值1, 参数名2: 参数值2): 返回值类型 |
| } |
| |
复制
例两个数相加
| interface addNum={ |
| (a:number,b:number):number |
| } |
复制
| const add: addNum = (a, b) => { |
| return a + b; |
| } |
| add(1, 2) |
复制
三、可索引类型的接口:对数组的约束
例:
| interface StringArray:{ |
| [index:number]:string |
| } |
| |
| let myArray: StringArray; |
| myArray = ["zhang", "ben"]; |
| |
| let myStr: string = myArray[0]; |
复制
四、泛型接口
| |
| interface NameInterface<T>{ |
| getName:(name:string) => T |
| } |
复制