typescript中类的继承
【腾讯云】亏本大甩卖,服务器4核16G 1年370元(带宽12M,系统盘120GB SSD盘,月流量2000GB)!!!!!!
云产品 配置 价格
服务器 1核2G,带宽5M,系统盘50GB SSD盘,月流量500GB 38元/年
MySQL 1核1G 19元/年
服务器 16核32G,带宽18M,系统盘250GB SSD盘,月流量5000GB 1197元/年
点我进入腾讯云,查看更多详情

typescript中类的继承用到的是:extendssuper

先看一下typescript中类的写法:

class Demo{
    //类的属性
    name:string;
    age:number;
    //类的构造函数
    constructor(name:string,age:number){
        this.name=name;
        this.age=age;
    }
    //类的方法
    run():string{
        return `${this.name}的年龄是${this.age}岁`
    }
}

其实相当于js中的构造函数:es5的写法可以和上面的es6的类对比一下

function Demo(name,age){
   //构造函数的属性 
this.name=name; this.age=age;
   //方法
this.run=function(){ return this.name+"的年龄是"+this.age+"岁" } } var demo=new Demo("张三",19); alert(demo.run());

下来看类的继承:

class Tparent{
    name:string;//类的属性
    //类的构造函数
    constructor(name:string){
        this.name=name;
    }
    run():string{
        return `${this.name}在运动`
    }
}

用一个Web类来继承上面的类

class Web extends Tparent{
    constructor(name:string){
        super(name);//相当于初始化父类的构造函数
    }
}

var w=new Web("李四");
alert(w.run());

推荐文章

VIM:如何将具有子字符串的所有行复制到另一个文件/缓冲区?

VIM:如何将具有子字符串的所有行复制到另一个文件/缓冲区?

推荐文章

为什么我不能写[1,2,3].reduce(数学.max)在Javascript中?

为什么我不能写[1,2,3].reduce(数学.max)在Javascript中?

推荐文章

无法在调试器中重现错误

无法在调试器中重现错误

推荐文章

有人知道任何AJAX表单教程吗

有人知道任何AJAX表单教程吗

推荐文章

LINQ-to-XML查询兄弟元素

LINQ-to-XML查询兄弟元素

推荐文章

在Android视图中显示动态文本

在Android视图中显示动态文本

推荐文章

301重定向以删除斜线

301重定向以删除斜线

推荐文章

如何将Groovy节点对象的名称空间设置为另一个值?

如何将Groovy节点对象的名称空间设置为另一个值?

推荐文章

构造带块参数的NSInvocation

构造带块参数的NSInvocation

推荐文章

用户订阅的媒体播放器

用户订阅的媒体播放器

推荐文章

SQLiteException表仓库没有名为。。。,在编译插入时

SQLiteException表仓库没有名为。。。,在编译插入时

推荐文章

空ILookup

空ILookup

推荐文章

传递google身份验证的附加参数-rails

传递google身份验证的附加参数-rails

推荐文章

根据用户代理加载样式表

根据用户代理加载样式表

推荐文章

在一个文档中使用Smarty和PHP语法-推荐?

在一个文档中使用Smarty和PHP语法-推荐?

推荐文章

jQuery Validate Plugin:检查字母值?

jQuery Validate Plugin:检查字母值?