javascript解构不支持动态属性名，需通过计算属性构造临时对象再解构：const key='username'; const obj={[key]:'alice'}; const {[key]:name}=obj；多键时可用object.fromentries或封装pick函数实现。
JavaScript 中无法直接在解构时使用动态属性名（比如变量），但可以通过搭配计算属性语法和临时对象来间接实现。核心思路是：先用动态键构造一个临时对象，再对该对象解构。
用计算属性 + 解构赋值绕过限制
对象解构左侧的属性名必须是字面量或标识符，不支持表达式。但你可以把动态键放在右侧对象上，再解构：
- 先定义动态键名：const key = 'userName';
- 构造带该键的对象：const obj = { [key]: 'Alice' };
- 再解构：const { [key]: name } = obj; → name === 'Alice'
解构多个动态键时的写法
如果需要从源对象中按多个动态键提取值，可先用 Object.fromEntries() 或展开运算符构造中间对象：
- const keys = ['id', 'status'];
- const source = { id: 123, status: 'active', name: 'Bob' };
- const subset = Object.fromEntries(keys.map(k => [k, source[k]]));
- const { id, status } = subset;
封装成可复用的工具函数
为避免重复写中间步骤，可以封装一个简易函数：
- const pick = (obj, keys) => Object.fromEntries(keys.map(k => [k, obj[k]]));
- const { userId, role } = pick(data, ['userId', 'role']);
注意点与常见误区
- 解构左侧的 [key] 是合法语法，但仅限于已知结构的临时对象，不能直接对任意源对象使用：const { [dynamicKey]: val } = source; ❌（会报错）
- 动态解构不支持默认值或嵌套解构（如 { [k]: { x } }），需先确保中间对象结构正确
- 若键不存在，对应解构变量为 undefined，可配合空值合并操作符处理：const { [key]: name = 'Anonymous' } = obj;
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
