为什么在 JavaScript 中使用 getter 和 setter？

IT技术 javascript getter-setter
2021-02-19 08:41:14

我知道 JavaScript 中的 getter 和 setter 是如何工作的。我不明白的是，当我们使用普通函数可以获得相同的结果时，为什么我们需要它们？考虑以下代码：

var person = {
    firstName: 'Jimmy',
    lastName: 'Smith',
    get fullName() {
        return this.firstName + ' ' + this.lastName;
    }
}

console.log(person.fullName);    // Jimmy Smith

我们可以很容易地用一个函数替换 getter：

var person = {
    firstName: 'Jimmy',
    lastName: 'Smith',
    fullName: function() {
        return this.firstName + ' ' + this.lastName;
    }
}

console.log(person.fullName());    // Jimmy Smith

我不明白写 getter 和 setter 的意义。

1个回答

使用 getter 或 setter 与使用标准函数的区别在于 getter/setter 在赋值时自动调用。所以它看起来就像一个普通的属性，但在幕后，你可以在分配之前或之后运行额外的逻辑（或检查）。

因此，如果您决定将这种额外的逻辑添加到已经被引用的现有对象属性之一，您可以将其转换为 getter/setter 样式，而无需更改有权访问该属性的其余代码。

编辑：这是一个额外逻辑的例子，这个类计算它的名字被读取的次数：

class MyClass {
  constructor() {
    this.refCount = 0;
    this._name = 'the class';
  }

  get name() {
    this.refCount++;
    console.log(`name is read ${this.refCount} times.`);
    return this._name;
  }
}

const myClass = new MyClass();

let maxMessages = 5;
const t = setInterval(() => {
  console.log(`name: ${myClass.name}`);
  
  if (--maxMessages < 1) {
    console.log('done');
    clearInterval(t);
  }
}, 1000);

您不能将 myObj.foo = 'some data' 之类的赋值与 getFoo、setFoo 一起使用。您总是需要调用这些函数。如果以后改变主意，比如说要添加额外的逻辑，则需要将所有引用转换为函数调用。
2021-04-15 08:41:14
假设您从一开始就设计一个接口以使用 getter/setter 而不是对其进行改造……那么您的答案是什么？
2021-04-17 08:41:14
不，它没有。我是说我今天正在写一个没有任何引用的新对象，我选择写get foo()/set foo()而不是getFoo()/ setFoo()......我为什么要写？
2021-04-20 08:41:14
无论如何，这个问题与您所理解的略有不同，添加了第二段以阐明好处。
2021-05-02 08:41:14
问题是为什么foo.bar = baz使用 setter 比foo.setBar(baz)......
2021-05-14 08:41:14
其它你可能感兴趣的问题
上一篇在特定上下文中调用 eval() 下一篇JavaScript - 获取满足条件的数组元素