ts接口介绍

在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];//用number索引数组得到字符串的返回值

四、泛型接口

//定义一个泛型接口
interface NameInterface<T>{
    getName:(name:string) => T
}