在JavaScript ES6中，Object.assign方法和对象扩展运算符都是处理对象操作的重要语法，两者都能实现对象属性的拷贝和合并，但在使用逻辑和特性上存在不少差异，了解这些差异能帮助我们更精准地使用它们完成开发需求。
Object.assign的基本用法
Object.assign是ES6新增的静态方法，用于将所有可枚举属性从一个或多个源对象复制到目标对象，最终返回修改后的目标对象。它的语法格式如下：
// 语法：Object.assign(target, ...sources)
// target是目标对象，sources是一个或多个源对象
const target = { a: 1 };
const source1 = { b: 2 };
const source2 = { c: 3, a: 4 };
// 将source1和source2的属性复制到target
const result = Object.assign(target, source1, source2);
console.log(target); // 输出 { a: 4, b: 2, c: 3 }
console.log(result === target); // 输出 true，返回的是修改后的目标对象本身
从示例中可以看到，如果源对象和目标对象存在同名属性，后面源对象的属性会覆盖前面的属性。同时要注意，Object.assign执行的是浅拷贝，如果属性值是引用类型，拷贝的是引用地址而不是值本身。
对象扩展运算符的基本用法
对象扩展运算符同样是ES6引入的语法，用三个点...表示，可以快速将对象的可枚举属性展开到新的对象中，常用于对象合并和浅拷贝，语法示例如下：
// 语法：{ ...source1, ...source2 }
const obj1 = { name: '张三', age: 20 };
const obj2 = { age: 25, gender: '男' };
// 合并两个对象，生成新对象
const newObj = { ...obj1, ...obj2 };
console.log(newObj); // 输出 { name: '张三', age: 25, gender: '男' }
console.log(obj1); // 输出 { name: '张三', age: 20 }，原对象不会被修改
// 用扩展运算符实现浅拷贝
const copyObj = { ...obj1 };
console.log(copyObj); // 输出 { name: '张三', age: 20 }
对象扩展运算符不会修改原对象，而是返回一个新的对象实例，同名属性的覆盖规则和Object.assign一致，后面的属性会覆盖前面的同名属性。
两者的核心差异对比
虽然两者都能实现对象属性拷贝和合并，但在细节特性上有明显区别，具体对比如下：
| 对比维度 | Object.assign | 对象扩展运算符 |
|---|---|---|
| 返回值 | 返回被修改的目标对象，会直接改变目标对象本身 | 返回全新的对象，不会修改任何源对象 |
| 特殊值处理 | 会跳过null和undefined源对象，不会报错 | 如果展开null或undefined会直接抛出语法错误 |
| 属性描述符处理 | 只会复制可枚举的自身属性，不会复制属性的描述符 | 同样只复制可枚举自身属性，也不会复制属性描述符 |
| 使用场景 | 适合需要修改目标对象、或者需要合并多个源对象的场景 | 适合需要生成新对象、避免修改原对象的场景 |
浅拷贝的共性说明
不管是Object.assign还是对象扩展运算符，执行的都是浅拷贝，对于引用类型的属性，只会拷贝引用地址，修改新对象的引用类型属性会影响原对象，示例如下：
// 浅拷贝的示例
const original = { info: { score: 90 } };
// 用Object.assign浅拷贝
const copy1 = Object.assign({}, original);
// 用扩展运算符浅拷贝
const copy2 = { ...original };
// 修改拷贝对象的引用属性
copy1.info.score = 100;
copy2.info.score = 80;
console.log(original.info.score); // 输出 80，原对象的引用属性被修改了
如果需要实现深拷贝，这两种方法都无法满足需求，需要额外使用递归拷贝、JSON序列化反序列化等方式实现。
使用场景建议
根据两者的特性，我们可以按照以下场景选择使用：
- 如果需要修改一个已有的对象，往里面添加新属性，优先使用Object.assign，直接传入目标对象即可
- 如果需要合并多个对象，并且不希望修改原对象，优先使用对象扩展运算符，生成新的对象实例
- 如果源对象可能为null或者undefined，需要合并的话使用Object.assign更安全，避免报错
- 如果只是简单拷贝一个对象，对象扩展运算符的语法更简洁，可读性更高
注意事项
在使用这两个方法时，还有一些细节需要注意：
- 两者都只能复制可枚举的自身属性，原型链上的属性不会被复制
- 如果属性值是getter函数，复制的是函数的返回值，而不是getter本身
- Object.assign的第一个参数如果不是对象，会先转换为对象，比如传入数字、字符串，会先转换为对应的包装对象
实际开发中不需要强行区分两者的优劣，根据当前的需求场景选择即可，只要清楚两者的特性，就能避免很多对象操作过程中的问题。
Object.assign对象扩展运算符ES6JavaScript修改时间：2026-06-18 06:15:33