> 文章列表 > TypeScript类成员的存取器

TypeScript类成员的存取器

TypeScript类成员的存取器

本节课我们来开始了解 TypeScript 的类成员字段的访问方式以及存取器的使用。

一.成员字段访问

1. 成员字段我们进行了封装保护,那么除了实例化的方案外,还怎么对外暴露接口?
2. 可以通过 setXXX()getXXX()约定俗成的方法来实现对成员字段的取值赋值

// 成员 name 取值
setName(name : string) {
this.name = name
}
// 成员 name 赋值
getName() {
return this.name
}
let p = new Person('Mr.Lee', 100)
// 赋值
p.setName('Miss.Wang')
// 取值
console.log(p.getName())
console.log(p.run())
PS:这样就解决了私有成员的类外赋值取值的问题;
PS:但是我们一般调用很多框架或库的属性是不带花括号的,方法才带;
PS:所以,TypeScript 提供了成员的存取器来实现对成员的取值赋值;
二.成员字段存取器
1. 成员字段有专门的 setter getter 方法来处理私有成员字段的取值赋值;
2. 只不过原有的成员字段最好相对应的改成固有名称让其一看就知道是私有成员;
3. 这样,类的内部都用 this.私有成员,外部用 setter getter 的仿成员;

// 人类
class Person {
private _name : string
private _age : number
//构造方法
constructor(name : string, age : number) {
this._name = name
this._age = age
}
// 构造方法
//constructor(private _name : string, private _age : number) {}
// 赋值
set name(name : string) {
this._name = name
}
// 取值
get name() {
return this._name
}
// 赋值
set age(age : number) {
this._age = age
}
// 取值
get age() {
return this._age
}
//执行 run 普通方法
run() : string {
return this.name + '的年龄为:' + this.age
}
}
let p = new Person('Mr.Lee', 100)
p.name = 'Miss.Wang'
p.age = 28
console.log(p.run())