TypeScript - 访问器

你好，有抱负的程序员们！今天，我们将深入探索TypeScript访问器的奇妙世界。如果你是编程新手，不用担心——我会一步一步地引导你了解这个话题，就像我多年来为无数学生所做的那样。所以，拿起你最喜欢的饮料，让我们开始吧！

TypeScript - Accessors

访问器是什么？

在我们具体探讨TypeScript访问器之前，先来了解一下访问器是什么。想象你有一个宝箱（这就是我们的对象），你想要控制人们如何与里面的宝藏（对象的属性）互动。访问器就像是神奇的钥匙，允许你以受控的方式获取或设置这些宝藏。

在TypeScript中，我们有两种类型的访问器：

Getter：帮助我们检索属性的值。
Setter：允许我们设置属性的值。

现在，让我们详细探索每一个。

TypeScript中的Getter

Getter是什么？

Getter是一种特殊的方法，允许你访问对象的属性。就像是有一个私人助手为你获取信息。

如何定义Getter

来看一个简单的例子：

class Person {
private _name: string;

constructor(name: string) {
this._name = name;
}

get name(): string {
console.log("获取名字");
return this._name;
}
}

let person = new Person("Alice");
console.log(person.name); // 输出: 获取名字\nAlice

在这个例子中：

我们有一个Person类和一个私有属性_name。
我们使用get关键字定义了一个名为name的getter。
当我们访问person.name时，它会调用我们的getter方法。

为什么使用Getter？

计算属性：Getter可以返回计算后的值。

class Circle {
private _radius: number;

constructor(radius: number) {
this._radius = radius;
}

get area(): number {
return Math.PI * this._radius ** 2;
}
}

let circle = new Circle(5);
console.log(circle.area); // 输出: 78.53981633974483

懒加载：Getter可以通过仅在需要时加载数据来帮助提高性能。

class DataFetcher {
private _data: string | null = null;

get data(): string {
if (this._data === null) {
console.log("获取数据...");
this._data = "一些昂贵的数据";
}
return this._data;
}
}

let fetcher = new DataFetcher();
console.log(fetcher.data); // 输出: 获取数据...\n一些昂贵的数据
console.log(fetcher.data); // 输出: 一些昂贵的数据（这次没有获取）

TypeScript中的Setter

Setter是什么？

Setter是getter的对立面。它是一个设置属性值的方法，通常包含一些额外的逻辑。

如何定义Setter

这里有一个基本例子：

class Temperature {
private _celsius: number = 0;

set celsius(value: number) {
if (value < -273.15) {
throw new Error("温度不能低于绝对零度");
}
this._celsius = value;
}

get celsius(): number {
return this._celsius;
}
}

let temp = new Temperature();
temp.celsius = 25; // 这会调用setter
console.log(temp.celsius); // 输出: 25

// temp.celsius = -300; // 这会抛出一个错误

在这个例子中：

我们有一个Temperature类和一个私有_celsius属性。
我们为celsius定义了一个setter，它会在设置值之前检查值是否有效。

为什么使用Setter？

数据验证：Setter可以确保只有有效的值被分配给属性。
副作用：当属性被更改时，setter可以触发其他动作。

class User {
private _name: string = "";
private _lastUpdated: Date = new Date();

set name(value: string) {
this._name = value;
this._lastUpdated = new Date();
}

get name(): string {
return this._name;
}

get lastUpdated(): Date {
return this._lastUpdated;
}
}

let user = new User();
user.name = "Bob";
console.log(user.name); // 输出: Bob
console.log(user.lastUpdated); // 输出: 当前日期和时间

访问器方法表

以下是我们在本文中讨论的访问器方法的总结：

访问器类型	关键字	目的	示例
Getter	`get`	检索属性值	`get name(): string { return this._name; }`
Setter	`set`	设置属性值	`set name(value: string) { this._name = value; }`

结论

TypeScript中的访问器提供了一种强大的控制对象属性访问和修改的方式。它们允许你为类添加逻辑、验证和计算属性，使你的代码更加健壮和可维护。

记住，像学习任何新技能一样，掌握访问器需要练习。如果一开始不能立即理解，不要气馁——继续编码，继续尝试，很快你就能像专业人士一样使用getter和setter！

正如我总是告诉我的学生，编程就像学习一种新语言。起初，它可能看起来令人困惑，但只要有耐心和练习，你很快就能流利地“说”TypeScript。快乐编码，别忘了在这个过程中享受乐趣！

Credits: Image by storyset