TS学习笔记06 修饰符

TS学习笔记06 修饰符

用来控制属性或方法的访问范围

  • public(公开):可以在任何地方访问
  • protected(受保持):可以在当前类和子类中访问,在类的外部无法访问
  • private(私有):只能在当前类中访问

我们来看下面代码:

​ 首先定义一个类,这个类中定义的几个变量分别对应被不同的修饰符所修饰。

class Person{
    public name:string = 'tom';  // 默认就是public修饰符
    protected age:number = 18;
    private hobby:string = 'game';

    // 不允许直接访问该属性,命名上一般以下划线_开头
    private _sex:string = 'male';

    // 静态属性,属于整个类,并不属于某个实例所特有
    static address:string = '南京';

    show(){
        console.log(this.name);
        console.log(this.age);
        console.log(this.hobby);
    }
}

​ 然后我们继承这个类:

class Student extends Person {
    print(){
        console.log(this.name);
        console.log(this.age);
        console.log(this.hobby); // 无法访问
    }
}

​ 那么在类的外面访问可以吗?

​ 显然除了pubilc修饰的其余都不行。

let p = new Person();
p.show();
console.log(p.name);
console.log(p.sex); // 无法访问
console.log(p.hobby); // 无法访问

​ 当然,这个修饰符对于方法里面的函数也是同样适用的。

TypeScript中类的修饰符有以下几种: 1. public public是默认修饰符,即不写修饰符时默认为public。public修饰的属性或方法可以在类的内部和外部使用。 2. private private修饰的属性或方法只能在类的内部使用,无法在类的外部使用。 3. protected protected修饰的属性或方法可以在类的内部和子类中使用,但无法在类的外部使用。 4. readonly readonly修饰的属性只能在初始化时或构造函数中赋值,之后就无法再修改。 示例代码: ```typescript class Person { public name: string; // 公共属性 private age: number; // 私有属性 protected gender: string; // 保护属性 readonly id: number; // 只读属性 constructor(name: string, age: number, gender: string, id: number) { this.name = name; this.age = age; this.gender = gender; this.id = id; } public sayHello() { // 公共方法 console.log(`Hello, my name is ${this.name}.`); } private getAge() { // 私有方法 return this.age; } protected getGender() { // 保护方法 return this.gender; } } class Student extends Person { public getGenderAndAge() { console.log(`My gender is ${this.getGender()} and age is ${this.getAge()}.`); } } const person = new Person('Tom', 18, 'male', 1001); console.log(person.name); // Tom // console.log(person.age); // 无法访问 // console.log(person.gender); // 无法访问 // person.id = 1002; // 无法修改 person.sayHello(); // Hello, my name is Tom. const student = new Student('Jerry', 17, 'female', 1002); // console.log(student.age); // 无法访问 // console.log(student.gender); // 无法访问 console.log(student.name); // Jerry console.log(student.id); // 1002 student.getGenderAndAge(); // My gender is female and age is undefined. ``` 在上面的示例代码中,我们定义了一个Person类,其中包含了公共属性、私有属性、保护属性、只读属性、公共方法、私有方法和保护方法。这些属性和方法都有不同的修饰符,可以在不同的场景下使用。同时,我们还定义了一个Student类,继承自Person类,可以访问Person类中的保护属性和保护方法。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值