JS中 Object.assign()用法

最新推荐文章于 2025-06-25 16:20:31 发布

原创最新推荐文章于 2025-06-25 16:20:31 发布 · 8.4k 阅读

16 ·

CC 4.0 BY-SA版权

文章标签：

#js #Object #assign

js 专栏收录该内容

14 篇文章

订阅专栏

本文详细解析了JavaScript中Object.assign()方法的使用场景，包括复制对象、合并多个对象及处理具有相同属性的对象。同时，文章强调了在面对深拷贝需求时的局限性。

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

方法：Object.assign()
作用：将sourse对象的值赋值给目标对象，两者都有的会覆盖，target独有会保留，sourse独有会添加
使用方法：
1.复制对象

var obj = { a: 1 };
var copy = Object.assign({}, obj);
console.log(copy); // { a: 1 }

2.合并对象

var o1 = { a: 1 };
var o2 = { b: 2 };
var o3 = { c: 3 };

var obj = Object.assign(o1, o2, o3);
console.log(obj); // { a: 1, b: 2, c: 3 }
console.log(o1);  // { a: 1, b: 2, c: 3 }, 注意目标对象自身也会改变。

3.合并具有相同属性的对象

var o1 = { a: 1, b: 1, c: 1 };
var o2 = { b: 2, c: 2 };
var o3 = { c: 3 };

var obj = Object.assign({}, o1, o2, o3);
console.log(obj); // { a: 1, b: 2, c: 3 }

需要避免的问题：针对深拷贝，需要使用其他方法，因为 Object.assign()拷贝的是属性值，假如源对象的属性值是一个指向对象的引用，它也只拷贝那个引用值