同名的字段、getter 和 setter

Question

你能解释一下为什么我得到了

未捕获的 RangeError：超出最大调用堆栈大小

在这个例子中。动作顺序是什么？

"use strict";

let myClass = class myClass{
  constructor(name){ 
    this.name = name;
  } 
  get name() { return this.name; } 
  set name(name){ this.name = name; }
}  

let myObj = new myClass("John");

Answer 1

你从 setter 调用 setter，无限循环。

set name(name) {
  this.name = name; // <-- ⛔ `this.name` calls the `set`ter again
}

您应该使用某种不同命名的支持变量。不幸的是，JS 的“TC39 Private Fields”提案尚未最终确定，因此它们将是公开的，目前需要一个命名约定。

这是一个现代示例：

class Person {
  _name = ""; // 'private' by convention, see also: https://github.com/tc39/proposal-class-fields#private-fields
  get name() {
    return this._name;
  }
  set name(value) {
    this._name = value;
  }

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

或遵循问题的结构：

"use strict";

let myClass = class myClass {
  constructor(name) {
    this.name = name;
  }

  get name() {
    return this._name;
  }

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

let myObj = new myClass("John");

console.log(myObj);

令我惊讶的是it's not trivial to have variables private to a class。