通过 Object.assign / {...obj1, ...obj2} 实现拷贝对象，合并对象属性时需要注意的问题

不学无术小垃圾

于 2020-10-06 23:59:54 发布

阅读量726

点赞数 1

本文链接：https://blog.youkuaiyun.com/m0_37856464/article/details/108945430

版权

本文探讨了JavaScript中对象合并时属性值的覆盖现象，特别关注对象中相同属性名的处理，以及对象嵌套属性的合并行为。通过实例演示，强调了当遇到对象属性合并时要理解并注意覆盖规则。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

当多个源对象含有相同的属性名时，后面的源对象的属性值会覆盖前面的

比如：

let a = { test: 'aa' };  
let b = { test: 'cc' };  

let c = {...a, ...b}; 
或者 
let d = {}; 
Object.assign(d, a, b);

console.log('c', c); // {test: 'cc'}
console.log('d', d); // {test: 'cc'}

所以，需要注意的是：当多个源对象的相同的属性名的属性值是都是对象的话，操作的结果并不是对象的属性的合并而是后面的属性值覆盖了前面的。

比如：

let t1 = {label: {text: 't1'}};
let t2 = {label: {positon: 'right'}};
let t3 = {...t1, ...t2};
//t3 --> {label: {positon: 'right'}}