在 javascript 的 class 语法中，使用计算属性名需要在属性或方法名前添加方括号 []，并在其中放入一个表达式。该表达式会在定义时立即求值，其结果作为最终的属性键。例如，若有一个变量 key = 'name'，则 [key] 会创建一个名为 'name' 的属性。这在需要根据运行时条件动态生成类成员名称时非常有用。
如何在静态块中使用计算属性名
在类的静态初始化块 static {} 中，也可以使用计算属性名来动态设置静态属性。这允许在类加载时根据某些逻辑（如环境变量或配置）来确定静态字段的名称。例如，可以根据一个配置对象中的键来动态注册静态方法。
const configKey = 'init';
class MyClass {
static [configKey]() {
console.log('Static method initialized');
}
}
MyClass.init(); // 输出: Static method initialized上述代码中，configKey 的值是 'init'，因此 static [configKey] 等价于 static init()。调用 MyClass.init() 可以成功执行该方法。
立即学习“Java免费学习笔记（深入）”；
如何在实例方法中使用计算属性名
在类的实例方法中，计算属性名同样适用。你可以基于实例的状态或其他输入来动态定义方法名。这对于构建灵活的 API 或插件系统很有帮助。例如，可以根据用户传入的动作类型来动态绑定处理方法。
const actionType = 'handleClick';
class Button {
constructor() {
this.type = actionType;
}
[this.type]() {
console.log('Button clicked');
}
}
const btn = new Button();
btn.handleClick(); // 输出: Button clicked在这个例子中，this.type 在类定义时被求值，结果为 'handleClick'。因此，Button 类拥有一个名为 handleClick 的方法。创建实例后，可以通过 btn.handleClick() 调用它。
计算属性名在 getter 和 setter 中的应用
计算属性名也可以用于定义 getter 和 setter。这使得你可以动态地访问或修改对象的属性值。例如，可以根据一个动态生成的键来获取对应的数据。这种用法在处理复杂数据结构时特别有用。
