TypeScript修饰符 public private static的详细讲解

简介: TypeScript修饰符 public private static的详细讲解

1.修饰符 public private


当一个类的成员变量没有修饰的时候 ,外界是可以进行访问的, 默认的就是 public 进行修饰。
 private属性只能够在父类的内部直接进行访问;
class Person{
    age:10
    private name = "张三" // private 属性只能够 在类的内部 进行访问;
    say() {
        console.log("我的名字是"+this.name)
    }
}


2.请看代码


class Person {
 age: 10;
 private name = "张三"; // private 属性只能够 在类的内部 进行访问;
 say() {
   console.log("我的名字是" + this.name);
 }
}
<!-- 继承父类 子类就可以访问父类中的属性和方法了 -->
<!-- 如果父类是 定义的私有属性或者方法的时候  就不可以进行访问了 -->
class Children extends Person {
  callPar() {
    super.say(); //super 可以调用父类中公开的的属性 方法
  }
}
var xm = new Children();
xm.say(); //我的名字是张三


protected 的使用


class Person {
  protected age: 10; //修饰的属性和方法 是受保护的,只能够在父类或者子类内部访问
  private name = "张三"; // private 属性只能够 在类的内部 进行访问;
  say() {
   console.log("我的名字是" + this.name);
  }
}
// 继承父类
class Children extends Person {
  callPar() {
   super.say(); //super 剋调用父类中的属性 方法
  }
  hello() {
    // 无法访问收保护的方法或者属性
    console.log("我今年" + super.age);
  }
}
var xm = new Children();
xm.callPar(); //我的名字是张三
xm.hello(); //报错 因为age只能够在父类内部访问哈


静态方法的使用


class Person {
  protected age: 10; //修饰的属性和方法 是受保护的,只能够在父类内部访问
  private name = "张三"; // private 属性只能够 在类的内部 进行访问;
  say() {
    console.log("我的名字是" + this.name);
  }
}
// 继承父类
class Children extends Person {
  static test() {
  // 无法访问收保护的方法或者属性
  console.log("我是静态方法");
  }
}
Children.test(); //静态方法 可以直接去调用 此时是不允许使用 this this 是使用在实例化当中
相关文章
|
6月前
|
JavaScript 前端开发 Java
TypeScript 类 第一章【类,继承,修饰符】
TypeScript 类 第一章【类,继承,修饰符】
62 1
|
6月前
|
JavaScript
TypeScript【类的继承、访问修饰符、readonly 修饰符、存取器、实例方法与静态方法、实例属性与静态属性、静态属性、抽象类】(三)-全面详解(学习总结---从入门到深化)
TypeScript【类的继承、访问修饰符、readonly 修饰符、存取器、实例方法与静态方法、实例属性与静态属性、静态属性、抽象类】(三)-全面详解(学习总结---从入门到深化)
65 0
|
JavaScript
TypeScript-类方法修饰符和TypeScript-类可选属性和参数属性
TypeScript-类方法修饰符和TypeScript-类可选属性和参数属性
59 0
|
JavaScript
TypeScript-类属性修饰符
TypeScript-类属性修饰符
64 0
|
JavaScript
TypeScript 类(class)与修饰符的详细使用
TypeScript 类(class)与修饰符的详细使用
131 0
|
JavaScript
TypeScript类与继承和修饰符public 、private 、protected 的详细讲解 (上)
TypeScript类与继承和修饰符public 、private 、protected 的详细讲解
TypeScript类与继承和修饰符public 、private 、protected 的详细讲解 (上)
|
JavaScript
Typescript的interface接口类型,类的继承,(private,protected,public三种访问类型)
Typescript的interface接口类型,类的继承,(private,protected,public三种访问类型)
|
JavaScript
TypeScript类与继承和修饰符public 、private 、protected 的详细讲解 (下)
TypeScript类与继承和修饰符public 、private 、protected 的详细讲解
|
JavaScript
TypeScript基础入门 - 类 - 公共、私有与受保护的修饰符
转载 TypeScript基础入门 - 类 - 公共、私有与受保护的修饰符 项目实践仓库 https://github.com/durban89/typescript_demo.git tag: 1.1.1 为了保证后面的学习演示需要安装下ts-node,这样后面的每个操作都能直接运行看到输出的结果。
1631 0
|
1月前
|
JavaScript 前端开发 安全
深入理解TypeScript:增强JavaScript的类型安全性
【10月更文挑战第8天】深入理解TypeScript:增强JavaScript的类型安全性
45 0