Как перехватить родительский класс 'this' в получателе дочернего объекта в ES6 или новее?

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() произвестито же значение, что и у лямбды getValue(), то есть для правильного захвата this родителя и получения 1, а не undefined.

Есть ли элегантный способ сделать это в class?Или я должен использовать лямбду и отказаться от геттера?

Я мог бы, вероятно, сделать это:

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

Однако я не хочу выставлять child.parent, только child.value.

Answer 1

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);

Answer 2

Отвечая самому себе, это можно просто сделать, захватив this внутри constructor:

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