美文网首页Angular那些事Web前端之路让前端飞
通俗易懂TypeScript系列五:类(下)

通俗易懂TypeScript系列五:类(下)

作者: 小处成就大事 | 来源:发表于2017-06-26 23:00 被阅读75次
狗尾草丛的姑娘【摘自QQ空间】

通俗易懂TypeScript系列五:类(上) 中我们讲述了类的的基本概念、类的三大特性以及类的修饰符,这一章节我们讲述静态属性和静态方法、抽象类

1、静态属性和静态方法

所谓的静态属性和静态方法就是在属性和方法前面加static关键字修饰
用static 修饰过得属性和方法,不需要通过new关键字实例化,直接可以通过类名点属性或方法直接调用car.name或者car.say()

看代码:

class Car {

//定义一个静态属性

static name = '静态属性';

// 定义一个静态方法

static say(): string {

return '静态方法';

};

}

console.log(Car.name )//类名点属性的方式调用

console.log(Car.say()); //类名点方法名点方式调用

运行代码看看效果

2、抽象类

abstract抽象类只能作为基类(父类)使用,不需要实例化,子类通过extends继承抽象类的方式使用抽象类,在抽象类中,用abstract修饰的的抽象方法,只需要声明,不需要实现,实现部分放在子类中实现

理解这段话,基本就掌握抽象类了,我们看看代码

abstract class Car { //定义抽象类

abstract drive();  //定义抽象方法

}

class bm extends Car { //继承抽象类

drive() {//实现抽象类中的dirve方法

console.log('老司机开车了····');

}

}

let b = new bm();

b.drive();  //调用drive()方法;

注意:

1、如果继承了一个抽象类,必须实现它的抽象方法,否则编译器无法通过

2、抽象方法只有方法声明,没有方法体,实现部分放在子类中


个人学习心得,大神路过 ,不喜勿喷😊  ,如果代码错误,麻烦告诉我。如果你觉得不错,欢迎点赞,订阅,分享出去给需要的人,笔者将非常感谢,如果有疑问请留言或者私信

<完>

如果你是喜欢看书的朋友,不妨点击【有惊喜】这是我在亚马逊买的电子书,都非常珍贵。希望你能喜欢

作者:小处成就大事

简介:一个喜欢分享和学习的前端开发程序猿,平时喜欢看看书,游泳,爬山,户外骑行等,期待与志同道合的你成为朋友,一起交流、一起进步。

初衷:闲时喜欢写一些文章分享,记录丰富自己。可能没有别人写得好,但是我写的每一篇都非常用心和投入。真心希望来到这里对你有所收获,我将非常开心很欣慰。

博客小处成就大事_新浪博客

如果有志同道合的朋友不妨加微信一起交流和学习,期待你的到来

相关文章

网友评论

    本文标题:通俗易懂TypeScript系列五:类(下)

    本文链接:https://www.haomeiwen.com/subject/cqhscxtx.html