TS 中的接口和继承

接口概念:接口主要是做类型规范约束,在进行传值的时候必须按照接口规范类型

接口语法:

interface 接口名 {
    xxx
}

例:
interface Person{
   name:string
}
    // 定义一个接口 此处定义规范
    interface IPerson{
        firstName : string // 姓氏
        lastName : string // 名字
    }

    // 输出姓名   在调用此方法的时候,需要传值,传的值必须符合IPerson内定义的规范
    function showName (person : IPerson) {
        return `${person.firstName},${person.lastName}`
    }
     
    const person = {
        firstName : '',
        lastName : '悟空'
    }
   // 此处调用showName 的时候 传入person 符合上面定义的接口规范
   console.log(showName(person));    // 打印 孙,悟空

接口继承:要使用关键字 extends

接口可以继承,子接口继承父接口,子接口就拥有父接口定义的数据类型约束,例如在此处定义了两个接口

// 接口1
interface ICart {
    name : string
}
// 接口2
interface IColor {
    color : string
}

现在另外一个接口也需要上面的两个即可的类型、字段,这个时候就需要用到 接口继承了

interface ICartInfo extends ICart,IColor{ 
    price : number 
 }

接口 ICarInfo 继承了  ICart,IColor 的类型约束

 ICarInfo 实际类型应该为

interface ICartInfo{ 
    name : string
    color : string
    price : number 
 }

 

posted @ 2024-09-27 11:01  尼古拉斯-富贵  阅读(123)  评论(0编辑  收藏  举报