JavaScript类体中不支持计算属性名定义方法，正确做法是在构造函数或类外部动态添加，如this[methodName]=function(){}或MyClass.prototype[methodName]=function(){}，或用Object.defineProperty精细控制。
JavaScript 中不能直接在 class 语法的类体内部使用计算属性名（computed property name）定义方法，但可以通过在类定义后动态添加、或在构造函数中用 Object.defineProperty / 赋值方式实现。ES6+ 的 class 语法本身只支持字面量形式的静态方法名，计算属性名仅允许出现在对象字面量或 Object.defineProperty 等运行时场景中。
✅ 正确做法：在类外部或构造函数中动态添加方法
最常用且清晰的方式是在构造函数里，用方括号语法给 this 或原型添加带计算名的方法：
- 给实例添加（每个实例一份）：
class MyClass {
constructor(methodName) {
// 动态定义实例方法
this[methodName] = function() {
return `Called ${methodName}`;
};
}
}
const inst = new MyClass('getName');
console.log(inst.getName()); // "Called getName"
- 给原型添加（所有实例共享，更节省内存）：
class MyClass {}
const methodName = 'getVersion';
MyClass.prototype[methodName] = function() {
return '1.0.0';
};
const inst = new MyClass();
console.log(inst.getVersion()); // "1.0.0"
✅ 替代方案：用 Object.defineProperty 定义更精细的方法
若需控制可枚举性、可配置性等，推荐用 Object.defineProperty：
class MyClass {}
const key = 'isActive';
Object.defineProperty(MyClass.prototype, key, {
value: function() {
return true;
},
writable: true,
enumerable: false,
configurable: true
});
const inst = new MyClass();
console.log(inst.isActive()); // true
❌ 常见误区：以下写法是语法错误
下面这些写法在标准 JavaScript 中**不合法**，会报 SyntaxError：
立即学习“Java免费学习笔记（深入）”；
-
class C { [expr]() {} }—— 类体中不支持计算属性名方法 -
class C { static [expr]() {} }—— 静态方法同理，也不支持
这是因为类体（class body）只接受标识符、字符串字面量或数字字面量作为方法名，不解析表达式。
? 实用技巧：结合模板字符串或变量生成方法名
适合插件化、策略模式等场景，例如根据配置注册回调：
class PluginHost {
constructor(config) {
config.hooks?.forEach(hookName => {
this[`on${hookName.charAt(0).toUpperCase() + hookName.slice(1)}`] =
(...args) => console.log(`Hook "${hookName}" triggered`, args);
});
}
}
const host = new PluginHost({ hooks: ['load', 'save'] });
host.onLoad('data.json'); // Hook "load" triggered ['data.json']
