TypeScript：类的存取器

风静如云

已于 2023-04-18 21:42:40 修改

阅读量684

点赞数

分类专栏： TypeScript 文章标签： typescript

于 2022-04-06 23:44:51 首次发布

本文链接：https://blog.csdn.net/jiemashizhen/article/details/124003447

版权

TypeScript 专栏收录该内容

31 篇文章 1 订阅

订阅专栏

本文介绍了如何使用ES5及以上版本的存取器(get和set)机制，控制类成员的读写权限，特别是私有成员的访问，并通过set方法实现读写操作的日志记录。通过实例演示了Phone类的构造、私有成员定义和get/set方法的使用。

摘要由CSDN通过智能技术生成

存取器可以让通过get及set独立的控制对类成员（通常为私有成员）的读取：

class Phone{
	constructor(owner : string) 
    {
		this._owner = owner; 
	}
	
	private _owner : string;     //将_owner设置为私有成员，禁止类的外部对该成员的随意读写
    get owner(): string          //get用于处理外部读取owner时的操作
	{
		return this._owner;
	}
    set owner(newOwner : string)  //set用于处理外部设置新的owner，该函数会打印一条log用于记录
	{
        console.log(`Phone owner change from ${this._owner} to ${newOwner}`);
		this._owner = newOwner
	}
}

let phone = new Phone("Xiaoming");
console.log(phone.owner);          //输出：Xiaoming
phone.owner = "Xiaohong";          //输出：Phone owner change from Xiaoming to Xiaohong
console.log(phone.owner);          //输出：Xiaohong

值得一提的是ES5及更高版本才支持存取器，因此编译的时候需要为tsc 加上参数-es5：

tsc ./ts_test.ts -t es5 //编译ts_test.ts并指定参数es5

node ./ts_test.js //通过node运行编译后的ts_test.js