ECMAScript 6 类中的 getter 和 setter 是什么？

Question

我对 ECMAScript 6 类中 getter 和 setter 的意义感到困惑。目的是什么？以下是我所指的示例：

class Employee {

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

    doWork() {
        return `${this._name} is working`;
    }

    get name() {
        return this._name.toUpperCase();
    }

    set name(newName){
        if(newName){ 
            this._name = newName;
        }
    }
}

Answer 1

ES6 中的 Getter 和 setter 与其他语言中的用途相同……包括 ES5。 ES5 已经允许通过 Object.defineProperty 使用 getter 和 setter，尽管它们不太干净且使用起来更麻烦。

实际上，getter 和 setter 允许您使用标准的属性访问表示法进行读取和写入，同时仍然能够自定义如何检索和更改属性，而无需显式的 getter 和 setter 方法。

在上面的 Employee 类中，这意味着您可以像这样访问 name 属性：

console.log(someEmployee.name);

它看起来类似于普通的属性访问，但实际上它会在返回名称之前调用toUpperCase。同样，这样做：

someEmployee.name = null;

将访问 setter，并且不会修改内部 _name 属性，因为 name 的 setter 中引入了保护子句。

另请参阅一般问题Why use getters and setters?，了解有关为什么能够修改成员访问功能很有用的更多信息。

Answer 2

这些setter和getter允许你直接使用属性（不使用括号）

var emp = new Employee("TruMan1");

if (emp.name) { 
  // uses the get method in the background
}

emp.name = "New name"; // uses the setter in the background

这只是设置和获取属性的值。

Answer 3

ES6 getter 和 setter 的动机与 Java 中的类似概念截然不同。

在 Java 中，getter 和 setter 允许类定义 JavaBean。 getter 和 setter 的要点是它允许 bean 具有与公共字段所隐含的完全正交的“接口”。所以我可以有一个不是 JavaBean 属性的字段“名称”，并且我可以有一个不是字段的 JavaBean 属性“地址”。

JavaBean 属性也可以通过 Java 反射被数千个框架（例如 Hibernate）“发现”。因此，getter 和 setter 是“公开” bean 属性的标准方法的一部分。

Getter 和 setter 作为函数，也具有它们“抽象”实现的价值。它可以是字段或计算（“合成”）值。因此，如果我有一个名为“zipcode”的 bean 属性，它以存储的字符串开头。现在假设我想将其更改为从地址/城市/州计算的值？

如果我使用一个字段，这段代码会中断：

      String zipcode = address.zipcode();

但如果我使用吸气剂，这不会中断：

      String zipcode = address.getZipcode();

JavaScript 没有像 JavaBeans 这样的东西。据我所知，GET 和 SET 的预期值仅限于上述“合成”（计算）属性。

但它比 java 好一点，虽然 Java 不允许您将“字段”兼容地转换为方法，但 ES6 GET 和 SET 允许这样做。

也就是说，如果我有：

       var zipcode = address.zipcode;

如果我将 zipcode 从标准对象属性更改为 getter，上面的代码现在调用 GET 函数。

请注意，如果我没有在定义中包含 GET，这将不会调用 zipcode GET 方法。相反，它只会将函数 zipcode 分配给 var。

所以我认为这些是理解 Java 和 JavaScript ES6 getter 和 setter 之间的一些重要区别。

Answer 4

class Employee {

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

    doWork() {
      return `${this._name} is working`;
    }

    get name() {
      // when you get this by employeeInstance.name
      // the code below will be triggered
      // and you can do some logic here
      // just like `console.log` something you want
      console.log('get triggered!')
      return this._name.toUpperCase();
    }

    set name(newName) {
      // the same as `get`
      // when you employeeInstance.mame = 'xxx'
      // the code below will be trigged
      // and you can also do some logic 
      // like here is a `console.log` and `if check`
      console.log('set triggered!')
      if (newName) {
        this._name = newName;
      }
    }
  }

  const employeeInstance = new Employee('mike')
  employeeInstance.name
  employeeInstance.name = '' // this won't be successful, because the `if check`
  console.log(employeeInstance.name)

  // => 
  // get triggered
  // set triggered
  // get triggered
  // MIKE

无论如何getter 和setter 就像一个间谍。它监视对象的属性，因此您可以在每次获取或设置属性值时执行一些操作。