ES6解构能否动态重新赋值对象值？axios传参场景咨询

完全符合你的需求——不用提前修改原user对象，在传入参数的同时就能动态替换属性值，ES6的对象扩展运算符（...）就是干这个的。

最简洁的实现方式 #

直接在params里用扩展运算符展开原user的所有属性，然后覆盖你需要修改的fname即可：

const user = {};
user.fname = 'John'; // 注意：字符串要加引号哦，不然会报错
user.lname = 'Doe';

axios.post({ 
  url, 
  headers, 
  params: { ...user, fname: 'Jane' } // 这里动态替换fname为Jane
}).then(...).catch(...);

这种方式会创建一个新的对象，原user的属性完全不受影响，完美适配你“临时修改、不影响原对象”的场景。

进阶：支持复杂逻辑的替换 #

如果你的属性值需要根据条件动态生成，直接在覆盖的位置写表达式就行：

// 比如根据某个条件决定fname的值
const newFname = isAdmin ? 'Jane' : 'Guest';

axios.post({ 
  url, 
  headers, 
  params: { 
    ...user, 
    fname: newFname 
  } 
})

或者如果需要单独解构出原属性再处理，也可以这么写：

const { fname: originalFname, ...restUser } = user;
axios.post({ 
  url, 
  headers, 
  params: { 
    ...restUser, 
    fname: `${originalFname}_modified` // 基于原始值做修改
  } 
})

为什么不直接修改原对象？ #

你提到“知道可以提前修改属性值，但需要在使用该对象的同时动态完成”，这正是扩展运算符的优势：它避免了污染原对象——如果后续代码还需要用到user.fname = 'John'的原始值，这种方式能保证原对象的完整性，不会影响其他逻辑。

内容的提问来源于stack exchange，提问作者Ruslan K