typescript中implements和extend继承的区别

分类:技术来源:bobo最近更新:2022-08-02浏览:2813

在js中,一个class只能继承自另一个class,若其他类中的方法与属性也想继承,则很麻烦。而在ts中可以使用implements来实现一些类共有方法属性的提取。

class Car{
switchRadio(trigger:boolean){

}
}

class cellphone{
switchRadio(trigger:boolean){

}

上述两个类都有一个共同的方法,我们可以使用interface接口把他提取出来,implements实现它。此时car和cellphone两个类中都需要有switchRadio方法,不然会报错。

interface Radio{
switchRadio(trigger:boolean):void        //注意写法,void表示函数没有返回值
}

class Car implements Radio{
switchRadio(trigger:boolean){

}
}

class cellphone implements Radio{
switchRadio(trigger:boolean){

}
}

新加一个Battery interface,使cellphone类接入而car类不接入。

interface Battery{
checkBatteryStatus():void;
}

interface Radio{
switchRadio(trigger:boolean):void;       //注意写法,void表示函数没有返回值
}

class Car implements Radio{
switchRadio(trigger:boolean){

}
}

class cellphone implements Radio,Battery{        //逗号连接
switchRadio(trigger:boolean){

}

checkBatteryStatus(){        //内部方法加上checkBatteryStatus,注意:不能少!!!!!

}
}

interface还可以继承,直接用extends即可

interface Battery{
checkBatteryStatus():void;
}

interface Radio{
switchRadio(trigger:boolean):void;       //注意写法,void表示函数没有返回值
}

interface BatterywithRadio extends Radio{
checkBatteryStatus():void;
}

class Car implements Radio{
switchRadio(trigger:boolean){

}
}

class cellphone implements BatterywithRadio{        //逗号连接
switchRadio(trigger:boolean){

}

checkBatteryStatus(){

}
}