位置:首页 > web前端 > typescript

ts中类的定义方法 如何实现继承

dearweb 发布:2021-07-25 11:45:54阅读:

ts中类的定义方法

class Person{
    name:string; // 属性 前面省略了public 关键词
    // 构造函数 实例化类的时候触发的方法
    constructor(n:string){
        this.name = n;
    }

    run():void{
        console.log(this.name)
    }
}

let P = new Person('张三')
P.run() // 张三

类里面定义方法,修改属性值

class Person{
    name:string; // 属性 前面省略了public 关键词
    // 构造函数 实例化类的时候触发的方法
    constructor(name:string){
        this.name = name;
    }

    getName():string{
        return this.name
    }
    setName(name:string):void{
        this.name = name
    }
}

let P = new Person('张三')
console.log(P.getName()) // 张三
P.setName('李四')
console.log(P.getName()) // 李四

如何实现继承(ts 实现继承 只要是通过extends-- super  来实现继承)

class Person{
    name:string; // 属性 前面省略了public 关键词
    // 构造函数 实例化类的时候触发的方法
    constructor(name:string){
        this.name = name;
    }
    run():string{
        return `${this.name}在运动`
    }
}

let P = new Person('周碳')
console.log(P.run()); // 周碳在运动

// Web 继承Person类 
class Web extends Person{
    constructor(name:string){
        super(name) // 初始化父类构造函数
    }
}
let W = new Web('知了')


24人点赞 返回栏目 提问 分享一波

小礼物走一波,支持作者

还没有人赞赏,支持一波吧

留言(问题紧急可添加微信 xxl18963067593) 评论仅代表网友个人 留言列表

暂无留言,快来抢沙发吧!

本刊热文
网友在读
手机扫码查看 手机扫码查看