如何通过数组表示法设置JavaScript类的私有属性？

好问题！我来帮你理清楚这里的核心问题和可行的解决方案：

首先你遇到的本质问题是：JavaScript的私有字段（以#开头的）是语法层面的私有标识符，并非普通的字符串属性名，所以你尝试的两种写法都走不通：

• this[#VarName] 是语法错误，因为#后面必须跟明确的字段名，不能是变量
• this[VarNamePrefixed] 只是创建/访问了一个名为"#foo"的公共属性，和真正的私有字段#foo完全是两回事

那有没有优雅的方式实现类似"通过变量动态设置私有字段"的需求？答案是有的，但需要借助类内部的封装逻辑——因为私有字段只能在类的内部作用域直接访问。

方案1：用内部映射关联字段名与访问器 #

你可以在类内部创建一个映射对象，把私有字段的名称和对应的get/set逻辑绑定起来，这样就能通过变量名间接操作私有字段了：

class ExampleClass {
  #foo;
  #bar;

  constructor(){
    // 内部维护私有字段的访问映射
    const privateFieldAccessors = {
      foo: {
        set: (val) => this.#foo = val,
        get: () => this.#foo
      },
      bar: {
        set: (val) => this.#bar = val,
        get: () => this.#bar
      }
    };

    // 通过变量名动态设置
    let targetField = 'foo';
    privateFieldAccessors[targetField].set('Bar');
    console.log(this.#foo); // 输出 'Bar'

    // 也可以动态获取字段值
    console.log(privateFieldAccessors['bar'].get()); // 输出 undefined
  }
}

方案2：封装专用的内部设置方法 #

如果你的私有字段数量不多，也可以写一个专门的内部私有方法，通过switch-case来处理不同的私有字段：

class ExampleClass {
  #foo;

  // 私有方法，专门处理私有字段的动态设置
  #setPrivate(fieldName, value) {
    switch(fieldName) {
      case 'foo':
        this.#foo = value;
        break;
      // 后续添加新私有字段时，在这里补充case即可
      default:
        throw new Error(`不存在名为${fieldName}的私有字段`);
    }
  }

  constructor(){
    let varName = 'foo';
    this.#setPrivate(varName, 'Bar');
    console.log(this.#foo); // 输出 'Bar'
  }
}

为什么不能直接用方括号语法？ #

这里要再强调一下：私有字段的#是JavaScript语法的一部分，它不是属性名的前缀——也就是说#foo是一个完整的标识符，不是名为foo的属性加了#前缀。所以你没法通过字符串或者变量来间接引用它，这是语言设计上的刻意限制，目的就是保证私有字段的真正私有性——如果能通过动态字符串访问，那外部代码只要知道字段名就能破解私有性了。

上面的两种方案都是在类内部封装访问逻辑，既遵守了私有字段的设计规则，又满足了你动态设置的需求。

内容的提问来源于stack exchange，提问作者BeepSterr