在TypeScript中的getter/setter是什么?有什么作用?

在TypeScript(以及JavaScript的ES6+版本)中,getter和setter是特殊的方法,允许你以读取(get)或写入(set)属性的方式来操作类的内部状态。这提供了一种更灵活和可控的方式来处理类的属性。

Getter 是一个方法,但在调用时,它看起来就像一个普通的属性访问。当你读取这个“属性”时,实际上是调用了背后的getter方法。这允许你在返回属性值之前进行一些额外的处理或计算。

Setter 也是一个方法,但在调用时,它看起来就像是对属性进行赋值。当你对这个“属性”进行赋值时,实际上是调用了背后的setter方法。这允许你在设置属性值之前进行一些额外的处理,比如验证新值的有效性,或者触发一些副作用。

以下是一个简单的TypeScript示例,展示了getter和setter的用法:

class Person {
    private _name: string;

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

    set name(value: string) {
        if (value.length > 0) {
            this._name = value;
        } else {
            throw new Error('Name cannot be empty');
        }
    }

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

const person = new Person('Alice');
console.log(person.name); // 输出: Alice

person.name = 'Bob'; // 设置新名字
console.log(person.name); // 输出: Bob

// person.name = ''; // 这将抛出错误: Name cannot be empty

在这个例子中,_name是一个私有属性,只能通过getter和setter来访问和修改。name getter返回_name的当前值,而name setter允许你设置一个新的名字,但会首先检查这个名字是否为空。如果为空,它会抛出一个错误。

Getter和setter的主要作用包括:

  1. 封装:通过隐藏内部状态并提供公共的访问和修改方法,getter和setter有助于实现更好的封装。这可以确保类的内部状态不会被外部代码直接修改,从而避免潜在的错误和不一致。
  2. 数据验证:如上面的示例所示,setter方法允许你在设置新值之前进行验证。这可以确保数据始终保持在有效的范围内或满足特定的条件。
  3. 副作用处理:有时,修改一个属性的值可能需要触发其他操作或更新其他状态。通过在setter方法中添加这些逻辑,你可以确保这些操作在每次属性值更改时都会执行。
  4. 计算属性:getter方法不仅可以返回直接存储在类中的值,还可以返回基于其他属性计算得出的值。这使得你可以定义一些“虚拟”属性,它们看起来就像普通的属性,但实际上是基于其他数据动态计算的。
posted @   王铁柱6  阅读(16)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
点击右上角即可分享
微信分享提示