属性的修饰符

TS可以在属性前添加属性的修饰符

public

public修饰的属性可以在任意位置访问（修改）默认值

class Person{
  // TS可以在属性前添加属性的修饰符
  // 
    public _name:string;
    public _age:number;
    constructor(name:string,age:number){
          this._name = name;
          this._age = age;
    }
}
const per = new Person('name1',18);
console.log(per);
// 现在属性是在对象中设置的，属性可以任意被修改
// 属性可以任意被修改，将会导致对象中的数据变得非常不安全
per._name = 'name2';
per._age = 19;
console.log(per);


class A{
  public num:number;
  constructor(num:number){
    this.num = num;
  }
}
class B extends A{
  test(){
    console.log(this.num);
  }
}

private

私有属性，只能在类内部进行访问（修改），而且是当前类中访问
通过在类中添加方法使得私有属性可以被外部访问

class Person{
  // TS可以在属性前添加属性的修饰符
  // 
    private _name:string;
    private _age:number;
    constructor(name:string,age:number){
          this._name = name;
          this._age = age;
    }
}
const per = new Person('name1',18);
console.log(per);
// 现在属性是在对象中设置的，属性可以任意被修改
// 属性可以任意被修改，将会导致对象中的数据变得非常不安全
per._name = 'name2';
per._age = 19;
console.log(per);

class A{
  private num:number;
  constructor(num:number){
    this.num = num;
  }
}
class B extends A{
  test(){
    console.log(this.num);
  }
}

虽然B继承了A，但是还是不能访问A的私有属性

protected

受保护的属性，只能在当前类和当前类的子类中使用

class A{
  protected num:number;
  constructor(num:number){
    this.num = num;
  }
}
class B extends A{
  test(){
    console.log(this.num);
  }
}
const b = new B(123);
b.num = 33;

这里的b.num是无法访问的，因为num受保护，只能在类中访问

getter方法

**定义方法，用来获取name属性

class Person{
  // TS可以在属性前添加属性的修饰符
  // 
    private _name:string;
    private _age:number;
    constructor(name:string,age:number){
          this._name = name;
          this._age = age;
    }
    getName(){
      return this._name;
    }
}
const per = new Person('name1',18)
console.log(per.getName());

setter方法

定义方法，用来设置name属性

class Person{
  // TS可以在属性前添加属性的修饰符
  // 
    private _name:string;
    private _age:number;
    constructor(name:string,age:number){
          this._name = name;
          this._age = age;
    }
    // 定义方法，用来获取name属性
    getName(){
      return this._name;
    }
    // 定义方法，用来设置name属性
    setName(value:string){
      this._name = value;
    }
    getAge(){
      return this._age;
    }
    setAge(value:number){
      // 判断年龄是否合法
      if(value>=0){
        this._age = value;
      }
    }
}
const per = new Person('name1',18)
per.setName('name2');
per.setAge(-33);
console.log(per);

getter方法用来读取属性
setter方法用来设置属性

他们被称为属性的存取器

Ts中设置getter、setter方法的方式

class Person{
  // TS可以在属性前添加属性的修饰符
  // 
    private _name:string;
    private _age:number;
    constructor(name:string,age:number){
          this._name = name;
          this._age = age;
    }
    //Ts中设置getter方法的方式
    get name(){
      return this._name;
    }
    set name(value){
      this._name = value;
    }
    get age(){
      return this._age;
    }
    set age(value){
      if(value>=0){
        this._age = value;
      }
    }
}
const per = new Person('name1',18)
per.name = 'name2';
per.age = -33;
console.log(per.name);

class C{
  // 可以直接将属性定义在构造函数中
  constructor(public name:string,public age:number)
}
const c = new C('name1',11);

class C{
  name:string;
  age:number;
  constructor(name:string,age:number){
    this.name = name;
    this.age = age;
  }
}

上面两种写法是等价的，前面的更加简洁，属于语法糖

TypeScript