TypeScript类的修饰符 public private protected的详细讲解
typescript 详细 讲解 public 修饰符 Private protected
2023-09-27 14:22:17 时间
简单介绍一下public private protected
public:当一个类的成员变量没有修饰的时候,默认的就是 public 进行修饰。外部是可以进行访问的。
private属性只能够在父类的内部直接进行访问。 private读音【ˈpraɪ vɪ t】
protected:可以在父类或者子类内部访问,不能够在外部访问。
super
ps:super 可以调用父类中的公共属性和公共方法,以及受保护的方法。但是不能访问受保护的属性
1.修饰符 public
当一个类的成员变量没有修饰的时候,默认的就是 public 进行修饰。外界是可以进行访问的。
class Person {
age= 10 //没有修饰符默认是被public访问
private name = "张三" // private 属性只能够在Person类的内部 进行访问;
say() {
console.log("我的名字是" + this.name)
}
}
let p = new Person()
console.log(p.age) //可以正常访问
//console.log(p.name) //报错 属性“name”为私有属性,只能在类“Person”中访问
2.继承父类 extends
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() {
// protected修饰的属性和方法是受保护的,只能够在父类或者子类中进行访问,不能在外部访问。 通过this进行访问
console.log("我今年" + this.age);
}
other() {
// 会报错的,返回的是 undefined, super是不能访问受保护的属性.可以通过this访问
console.log("我今年" + super.age);
}
}
var xm = new Children();
xm.callPar(); //我的名字是张三
xm.hello(); // 我今年10
xm.other(); //返回的是 undefined
// console.log(xm.age );// 报错 protected修饰的属性或者方法。可以在父类或者子类内部访问,不能够在外部访问。
static 静态方法的使用
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是使用在实例化当中
相关文章
- Error: The Angular Compiler requires TypeScript >=4.0.0 and <4.1.0 but 4.6.2 was found instead
- TypeScript工具类 Partial 和 Required 的详细讲解
- typeScript基础(5)_对象的类型-interfaces接口
- CSDN开发者周刊第19 期:GitHub 2020 年度报告 TypeScript 超越 C#、PHP 和 C++;Kubernetes 弃用 Docker!
- 3.TypeScript入门之TS常用类型(2)
- 3 个加强理解TypeScript 的面试问题
- Angular--TypeScript finalize 方法
- 【TypeScript教程】# 15:泛型
- TypeScript+Vite4+Vue3+Pinia+Vant+Axios H5项目环境搭建
- 在React中拥抱TypeScript
- 利用 typescript 写 react-redux 和 redux-thunk
- TypeScript 中使用React Hook
- vue + typescript 进阶篇
- 利用TypeScript构建优雅的React Native项目