javascript - ES6 getters 和 setters 奇怪的行为

Question

我对 ES6 的 getter 和 setter 感到困惑。您能否解释一下这里发生了什么以及为什么我会出现堆栈溢出。

我在 Node.JS v5.1.1 上运行它

'use strict';

class List {
  constructor(next, val) {
    this.next = next;
    this.val = val;
  }

  set val(v) {
    this.val = v;
  }

  get val() {
    return this.name;
  }
}


let res = new List(null, 1);
res.val = 3;
console.log(res);

这是输出:

/Users/o/code/test/test.js:9
set val(v) {
       ^

RangeError: Maximum call stack size exceeded

Answer 1

你在val setter中再次设置this.val，再次调用setter会导致无限递归，只需替换this.val 与 this._val。这将解决问题:)

class List {
  constructor(next, val) {
    this.next = next;
    this._val = val;
  }

  set val(v) {
    this._val = v;
  }

  get val() {
    return this.name;
  }
}