ts中的class

最新推荐文章于 2024-06-30 06:20:41 发布

不另外加糖

最新推荐文章于 2024-06-30 06:20:41 发布

阅读量1.7k

点赞数

文章标签： typescript javascript 前端

本文链接：https://blog.csdn.net/weixin_49343253/article/details/123420104

版权

本文探讨了 TypeScript 中的 class 建立在 ES6 的基础上，增加了 public、private 和 protected 三种访问修饰符，用于管理类中属性和方法的访问权限。public 为默认公开，private 限制在类内部访问，protected 允许子类访问。此外，还介绍了 readonly 修饰符用于创建只读属性。

摘要由CSDN通过智能技术生成

首先是在es6中的class，类的实例为对象，对象三大特性：封装、继承与多态。

class Animal{
    constructor(name){
        this.name = name
    }

    run(){
        return `${this.name} is running`
    }
}

const snake = new Animal('lily')
console.log(snake.run())

es6中的继承：

class Dog extends Animal{
    bark(){
        return `${this.name} is barking`
    }
}

const xiaobao = new Dog('xiaobao')
console.log(xiaobao.run())

es6中的多态：

class Cat extends Animal{
    static categories = ['manmal']

    constructor(name){                    //子类构造函数中必须用super()
        super(name)
        consoe.log(this.name)
    }

    run(){
        return 'memow'+super.run()        //调用父类的run函数
    }
} 

const maomao = new Cat('maomao')