Question

这是一个简单的JavaScript代码：

class Test {
  constructor(val) {
    this._value = val;
    this.child = {
      get value() { return this._value; },
      getValue: () => { return this._value; }
    };
  }
}

let o = new Test(1);
console.log(o.child.value);
console.log(o.child.getValue());

输出：

undefined
1

在子对象child中，我要使吸气剂get value()产生与lambda getValue()相同的值，即正确捕获父对象的this并产生1而不是undefined。

在class中有一种优雅的方法吗？还是我应该使用lambda并放弃使用吸气剂？

我可能可以这样做：

    this.child = {
      parent: this, 
      get value() { return this.parent._value; },
    };

但是我不想公开child.parent，只公开child.value。

Answer 1

对自己进行答疑，只需在this内捕获constructor即可完成：

class Test {
  constructor(val) {
    const self = this;
    this._value = val;
    this.child = {
      get value() { return self._value; }
    };
  }
}

Answer 2

value和child在构造函数中定义，并且value应该是私有的，并且只能通过child访问。您可以在闭包中将value设置为普通变量，并通过child getter和setter访问它：

class Test {
  constructor(val) {
    let value = val;
    this.child = {
      get value() { return value; },
      set value(v) { value = v; },
    };
  }
}

let o = new Test(1);
console.log(o.child.value);
o.child.value = 5;
console.log(o.child.value);

如果您需要在value中使用Test，则可以随时通过child访问它：

class Test {
  constructor(val) {
    let value = val;
    this.child = {
      get value() { return value; },
      set value(v) { value = v; },
    };
  }
  
  get value() {
    return this.child.value;
  }
  
  set value(v) {
    this.child.value = v;
  }
}

let o = new Test(1);
console.log(o.value);
o.value = 5;
console.log(o.value);

如何在ES6或更高版本的子对象获取器中捕获父类“ this”？

2 个答案: