计算属性名配合解构赋值无法直接动态置换键名，需先用{[newkey]: obj[oldkey]}创建重命名新对象，再解构该对象；计算属性名仅在对象字面量中生效且须用[]包裹字符串表达式；解构左侧不支持计算属性，故必须解构新对象而非原对象。
计算属性名配合解构赋值本身无法“无感动态置换对象的键名”，因为 JavaScript 对象的键名在解构时是静态确定的，解构语法不支持运行时动态推导左侧变量名。但可以通过组合计算属性名（创建新对象）+ 解构赋值（从新对象提取），实现语义上“动态换名”的效果——本质是构造一个键名已替换的中间对象，再解构它。
用计算属性名生成重命名后的新对象
核心思路：先用 { [newKey]: obj[oldKey] } 创建一个键名已被替换的对象，这是真正支持运行时计算的环节。
- 计算属性名只在对象字面量中生效，且必须用方括号
[]包裹表达式 - 表达式结果必须是字符串或可转为字符串的值（如数字、Symbol）
- 一次只能映射一个键；多个键需展开合并，例如用展开运算符
{ ...obj, [newKey]: obj[oldKey] }或Object.assign
解构赋值作用于新对象，而非原对象
解构赋值的左侧模式是静态语法，不能写成 { [dynamicName]: value }。所以必须把重命名后的对象作为解构源：
- ✅ 正确：
const { newName } = { [newName]: obj.oldKey }; - ❌ 错误：
const { [newName]: value } = obj;（语法错误，解构左侧不支持计算属性） - 可链式写法：
const { userId: id, userName: name } = { userId: obj.id, userName: obj.name };——这属于静态重命名，非运行时
封装为可复用的重命名工具函数
把动态键映射逻辑收拢，避免每次手动构造对象：
- 接收原对象和映射配置（如
{ oldKey: 'newKey' }），返回重命名后的新对象 - 内部用
Object.fromEntries()+Object.entries()遍历转换，或用reduce构建新对象 - 之后再对该新对象解构，就实现了“运行时换名后解构”的流程
注意副作用与性能边界
这种模式本质是浅拷贝并重建对象，不修改原对象，但会带来额外内存开销：
- 对大型对象或高频调用场景，应评估是否真需每次新建对象
- 若只是临时读取，可直接用
obj[oldKey]赋值给新变量，比构造对象+解构更轻量 - 若需深度重命名（嵌套键），需递归处理，此时建议用专用库（如
lodash.set/get）或自定义遍历逻辑
