TypeScript基础知识(6) 类类的访问修饰符类的只读属性类与接口抽象类

最新推荐文章于 2023-03-21 22:55:52 发布

超级冲天猪

最新推荐文章于 2023-03-21 22:55:52 发布

阅读量529

点赞数 3

分类专栏： TpyeScript 文章标签： typescript javascript 前端

本文链接：https://blog.csdn.net/m0_51207602/article/details/122931971

版权

本文探讨了TypeScript中的类，包括类的访问修饰符（public, private, protected）如何控制访问级别，类的只读属性限制修改，以及抽象类和接口在约束子类设计上的应用。通过实例展示了如何利用这些特性进行更严谨的类型设计。" 111022600,10296311,Python实现时序数据趋势检测：Mann-Kendall检验,"['Python', '数据分析', '统计检验', '时序分析']

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

类

类可以用来描述一类具体事物的抽象特征。ES6以前，函数+原型模拟实现类（打一个比喻：女生是类，女朋友是对象，要使用女朋友必须new一个女生称为女朋友后才能使用），ES6开始，JavaScript中有了专门的class，而在TypeScript中，TypeScript不仅可以使用es6下所以类的功能，而且还添加了一些额外的功能和用法。
es6简单继承例子

1.es6方式
class Parent{
   
      constructor(){
   
        this.age=18
      }
    }
    class Child extends Parent{
   
      constructor(){
   
        super();
        this.name = '张三';
      }
    }
    let o1 = new Child();
    console.log(o1.name,o1.age);//张三 18

我们看看TypeScript有什么不一样的地方

class Person {
   
    //给name赋值初始值或者是在构造函数中初始化必须二选一，不然会报错
    name:string 
    age:number//es7语法
    constructor(name:string,age:number){
   
        this.name = name
        this.age = age
    }
}

类的访问修饰符

我们看一下下面的例子

class Person {
   
    //给name赋值初始值或者是在构造函数中初始化必须二选一，不然会报错
    public name:string //es7语法 public就是公有属性
    private age:number//private表示私有属性，只能在类的内部去访问
    protected gender: boolean
    constructor(name:string,age:number){
   
        this.name = name
        this.age = age
        this.gender = true
    }
    sayHi(msg:string):void {
   
        console.log(`I am ${
     this.name},${
     msg}`