如何通过 JavaScript 中的方括号访问私有字段

Question

此代码有效：

class Test {
  #field

  get field() {
    return this.#field;
  }
}

但如果我想计算字段名，我必须使用方括号，但它不起作用：

class Test {
  #field;

  get field() {
    return this['#field'];
  }
}

有什么方法可以获取具有计算名称的私有字段？

Answer 1

看来要交出一个有特殊含义的字符串是个问题。

如果真的有必要，你评估一个字符串。

class Test {
    #field = 'foo';

    get field() {
        return eval('this.' +'#field');
    }
}

console.log(new Test().field)

Answer 2

这是不可能的。来自proposal：

没有私有计算属性名称：#foo 是私有标识符，#[foo] 是语法错误。

和its FAQ:

既然this.#x 可以，为什么this['#x'] 不访问名为#x 的私有字段？

1. 这会使属性访问语义复杂化。

2. 对私有字段的动态访问与“私有”的概念相反。例如。这是关于：

class Dict extends null {
  #data = something_secret;
  add(key, value) {
    this[key] = value;
  }
  get(key) {
    return this[key];
  }
}

(new Dict).get('#data'); // returns something_secret

但是赋予this.#x 和this['#x'] 不同的语义不会破坏当前语法的不变量吗？

不完全是，但这是一个问题。 this.#x 以前从未有过 合法的语法，所以从一个角度来看，不可能有不变量 关于它。

另一方面，它们的不同可能令人惊讶，而这 是当前提案的缺点。

另见this issue。