ts中的接口相关

本文详细探讨了TypeScript中的接口概念,包括如何定义接口、接口的使用场景、接口与类的关系,以及接口在实际项目中的应用。通过实例解析,帮助读者掌握如何利用接口提高代码的类型安全性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

//接口:关键字:interface。 使用接口时必须实现接口里面的所有属性和方法,可以扩展自己是属性和方法
--1 泛型接口 看泛型相关
--2 类 类型接口,类扩展接口关键字: implement
    class People{
    public name:string;
    eat(){
        console.log("杂食动物");
        
    }
    }
    class Fish implements People{
    public name:string;
    eat(){
        console.log("被吃");  //先找自己定义的方法在找父类中的方法
    }
    run(){
        console.log("runFn");
    }
    }
    let fn = new Fish();
    fn.eat();
    fn.run();

--3 接口继承接口,类扩展继承之后的接口
    interface A{
        name:string;
        age:number;
    }

    interface B extends A{
        eat();
        run();
    }

    class C implements B{ // 必须实现子类接口和父类接口里面的所有东西
        constructor(){}
        public name:string;
        public age:number;
        eat(){
            console.log("eat");
        }
        run(){
            console.log("run");
        }
    }
    let c:any = new C();
    c.eat();
    c.run();
    













评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值