javascript类中可用方括号动态生成方法名，但表达式必须在类声明时可求值为字符串；静态方法比实例方法更稳妥，适用于配置驱动场景，不支持运行时动态添加方法。
JavaScript 类中不能直接用变量写方法名，但可以在定义 class 时，用方括号 [expression] 动态生成方法名——前提是表达式在类声明那一刻就能求值为字符串。
计算属性名只在类定义阶段生效
它不是运行时动态添加，而是编译/解析阶段就确定的语法特性。类一旦声明完成，方法名就固定了，后续无法靠 this[xxx] = fn 这种方式“追加”真正的类方法。
- ✅ 支持：class 内部静态方法、实例方法声明时使用
['methodName'] - ❌ 不支持：在 constructor 或普通方法里用
this[动态名] = function(){}——这只是给实例挂属性，不参与原型链，也不被子类继承 - ⚠️ 注意：表达式必须在 class 声明前已存在，比如
const key = 'email'; class X { ['validate' + key]() {} }可行；但若key是函数返回值或异步获取的，就会报错
适合封装配置驱动的逻辑
当方法名需要根据配置、类型或规则生成时，这种写法很实用，尤其在策略模式、表单验证、事件处理器注册等场景。
- 例如按字段类型生成验证方法：
const rule = 'phone'; class Validator { ['validate' + rule.charAt(0).toUpperCase() + rule.slice(1)](v) { return /^1[3-9]\d{9}$/.test(v); } } - 又如注册不同资源类型的处理器：
const type = 'order'; class ApiHandler { static ['fetch' + type.charAt(0).toUpperCase() + type.slice(1)]() { return fetch('/api/orders'); } }
静态方法比实例方法更稳妥
静态方法不依赖 this 状态，表达式更易提前确定，也避免了实例初始化顺序带来的不确定性。
- 推荐优先用于工具类、注册中心、插件入口等场景
- 实例方法虽可用，但需确保所用变量在类外已声明且不可变，否则容易引发 ReferenceError 或命名意外
- 不要试图在 class 内部用 let 声明后再引用——那会触发暂时性死区（TDZ）
它不是 Object.defineProperty 的替代品
计算属性名是语法层面的声明机制，和运行时用 Object.defineProperty 添加 getter/setter 或动态属性完全不同。后者适用于已有对象的扩展，前者只作用于 class 定义本身。
- 想在创建实例后动态加响应式计算属性？该用 Vue 的
computed或手动 defineProperty - 想让某个属性有 get/set 行为？class 内可写
get [name]() {}，但 name 同样必须是已知字符串 - 别混淆：Vue 的 computed 是响应式系统的一部分；JS class 的计算属性名只是 ES2015+ 的语法糖
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
