代码之家 › 专栏 › 技术社区 › avo

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

ecmascript-6 javascript

avo · 技术社区 · 7 年前

下面是一个简单的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而放弃getter?

我可以这样做:

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

但是我不想暴露 child.parent child.value .

2 回复 | 直到 7 年前

Ori Drori 7 年前

这个 value 和 child 价值 应该是私有的,并且只能通过 小孩 . 你可以设置 价值 作为闭包中的正常变量,并通过 小孩

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

如果你需要里面 Test 小孩 :

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

avo 7 年前

回答我自己,这可以简单地通过捕捉 this 里面 constructor :

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

推荐文章

Shibaji Biswas · 如何在Template literal的双引号内的html div id中编写JavaScript变量?

1 年前

GulgDev · 为什么不将属性设置为无效值?

1 年前

Koffee · 动画继续使用update()重新启动,而不是在Phaser 3中正常播放

1 年前

Monnt · 如何查看数组是否包括具有特定值的嵌套数组?

1 年前

JsCoder · 用ECDSA对C语言中的数据进行加密#

1 年前

dsi · 排序功能可实现多列的自定义差异

1 年前

huz3y · 如何在JavaScript中基于另一个变量值构建变量?如何重新分配它的值并对该变量执行方法?复制

1 年前

Darigan · clearTimeout将一个函数中的计时器与另一个函数(React.js)一起超时

1 年前

Joseph · 仅在React和JS中生成深色

1 年前

Joseph · 在Javascript中检索一些文本

1 年前