当前位置：首页 > 文章列表 > 文章 > 前端 > JavaScript对象合并技巧：Object.assign使用方法

JavaScript对象合并技巧：Object.assign使用方法

2025-12-10 13:55:22 0浏览收藏

推广推荐

支持 PC / 移动端，安全直达

编程并不是一个机械性的工作，而是需要有思考，有创新的工作，语法是固定的，但解决问题的思路则是依靠人的思维，这就需要我们坚持学习和更新自己的知识。今天golang学习网就整理分享《JavaScript对象合并技巧：Object.assign使用方法》，文章讲解的知识点主要包括，如果你对文章方面的知识点感兴趣，就不要错过golang学习网，在这可以对大家的知识积累有所帮助，助力开发能力的提升。

Object.assign用于合并对象，实现浅拷贝，常用于默认配置覆盖；可合并多个对象，后对象属性覆盖前面同名属性，但嵌套对象会整体替换而非深度合并，需注意其局限性。

JavaScript对象合并_Object.assign技巧

在JavaScript中，合并对象是开发中常见的需求，比如配置项的默认值覆盖、状态更新等。Object.assign 是最常用的方法之一，掌握它的使用技巧能有效提升代码质量。

基本用法：浅拷贝与对象合并

Object.assign 可以将一个或多个源对象的所有可枚举属性复制到目标对象中，返回目标对象。

const target = { a: 1, b: 2 }; const source = { b: 3, c: 4 }; Object.assign(target, source); console.log(target); // { a: 1, b: 3, c: 4 }

注意：target 对象会被直接修改。若想避免副作用，应传入空对象作为第一个参数：

const merged = Object.assign({}, target, source); // 原始 target 不变

合并多个对象

可以同时合并多个对象，后面的会覆盖前面的同名属性。

const obj1 = { a: 1 }; const obj2 = { b: 2 }; const obj3 = { c: 3, a: 10 }; const result = Object.assign({}, obj1, obj2, obj3); console.log(result); // { a: 10, b: 2, c: 3 }

属性顺序很重要，靠后的对象优先级更高。

处理嵌套对象的局限性

Object.assign 是浅拷贝，对于嵌套对象只会复制引用。

const target = { info: { age: 25 } }; const source = { info: { name: "Tom" } }; Object.assign(target, source); // 结果是 { info: { name: "Tom" } }，原 info.age 被整个替换

如果希望深度合并，需借助递归函数或使用第三方库如 lodash 的 merge 方法。