TypeScript快速上手学习笔记-第十篇——属性

一、 public

public修饰属性可以是属性在任意位置访问(修改)默认值

class Person {
  // public修饰属性可以是属性在任意位置访问(修改)默认值
  public _name:string;
  
  constructor(name:string){
    this._name=name;
  }
}
let per=new Person("ts");
console.log(per);
console.log(per._name);
per._name="js";
console.log(per._name);

在这里插入图片描述

二、private

private私有属性,只能在类的内部进行访问(修改),但是可以在类中添加方法是私有属性可以在外被访问

class Person {
  // private私有属性,只能在类的内部进行访问(修改),但是可以在类中添加方法是私有属性可以在外被访问
  private _name:string;
  constructor(name:string){
    this._name=name;
  }
}
let per=new Person("ts");
console.log(per);
console.log(per._name);//报错
per._name="js";//报错
console.log(per._name);//报错

会因为无法外部访问修改而报错。
在这里插入图片描述

但是可以在类中定义方法是私有属性可以外部访问修改,即setter,getter方法。

class Person {
  // private私有属性,只能在类的内部进行访问(修改),但是可以在类中添加方法是私有属性可以在外被访问
  private _name:string;
  constructor(name:string){
    this._name=name;
  }

  setName(name:string){
    this._name=name;
  }
  getName(){
    return this._name;
  }
}
let per=new Person("ts");
console.log(per);
console.log(per.getName())
per.setName("js")
console.log(per.getName())

在这里插入图片描述
当然TS里有自带的setter,getter方法,可以让操作过程请倾向于属性

class Person {
  // private私有属性,只能在类的内部进行访问(修改),但是可以在类中添加方法是私有属性可以在外被访问
  private _name:string;
  constructor(name:string){
    this._name=name;
  }

  get name():string{
    return this._name;
  }
  set name(name:string){
    this._name=name;
  }
}
let per=new Person("ts");
console.log(per);
console.log(per.name);
per.name="js";
console.log(per.name);

在这里插入图片描述

三、protected

受继承的影响只能在类本身或者子类中访问和修改

class Man{
  protected name:string;
  constructor(name:string){
    this.name=name;
  }
  out(){
    console.log(this.name)
  }
}
let m=new Man("ds");
m.out();
class Min extends Man{
  
}

let min=new Min("min");
min.out();
console.log(m.name);//报错
console.log(min.name);//报错

在这里插入图片描述

四、constructor简易写法

constructor(public name:string){
}

相当于

public name:string;
constructor(name:string){
  this.name=name;
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值