JavaScript 中对象 API 怎么使用 Object.assign 实现对象的浅拷贝与属性合并-js教程-PHP中文网

object.assign 是 javascript 中用于浅拷贝和对象合并的方法，将一个或多个源对象的可枚举自有属性复制到目标对象并返回该目标对象；它只进行第一层属性复制，嵌套对象仍为引用共享，不处理不可枚举属性、symbol 键（除非显式传入）、getter/setter 或原型链属性。

javascript 中对象 api 怎么使用 object.assign 实现对象的浅拷贝与属性合并

Object.assign 是 JavaScript 中用于对象浅拷贝和属性合并的核心工具方法，它把一个或多个源对象的所有可枚举自有属性复制到目标对象，并返回目标对象。

一、基础语法与返回值

语法格式为：Object.assign(target, ...sources)。其中 target 是第一个参数，会被修改并作为返回值；sources 可以是一个或多个对象，属性按顺序从左到右覆盖写入。

如果 target 为 null 或 undefined，会抛出 TypeError
非对象参数（如字符串、数字）会被强制转为对应包装对象，其可枚举属性（如字符串的索引）也会被复制
返回的是修改后的 target 对象，不是新对象（除非 target 本身是空对象）

二、实现对象浅拷贝

用空对象 {} 作 target，即可安全生成原对象的浅拷贝：

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

const original = { a: 1, b: { c: 2 } };
const copy = Object.assign({}, original);
copy.a = 99;
console.log(original.a); // 1（未变）
console.log(copy.b === original.b); // true（嵌套对象仍共享引用）

只复制第一层属性，嵌套对象、数组等仍为引用关系
适合结构扁平、不含深层嵌套的对象场景
不能拷贝不可枚举属性（如 Object.defineProperty 定义的 enumerable: false 属性）或 symbol 键（除非显式传入）

三、合并多个对象（属性覆盖逻辑）

常用于配置默认值、组件 props 合并、API 参数拼接等：

const defaults = { theme: 'light', fontSize: 14 };
const userConfig = { theme: 'dark' };
const final = Object.assign({}, defaults, userConfig);
// { theme: 'dark', fontSize: 14 }

后出现的同名属性会覆盖前面的值（右侧优先）
支持任意数量源对象，顺序决定覆盖关系
若需深合并，不能直接用 Object.assign，得借助递归函数或第三方库（如 lodash.merge）

四、注意事项与常见陷阱

使用时需注意几个关键限制：

不处理 getter/setter：只会复制 getter 的返回值，不会保留访问器属性本身
无法拷贝原型链上的属性，只操作自有可枚举属性
Symbol 类型键默认不被遍历，但可以显式传入：Object.assign({}, obj, { [Symbol('key')]: 'val' })
数组被视为对象，索引作为字符串键复制：Object.assign([], [1,2]) → [1,2]，但不要依赖这种方式做数组拷贝（推荐用 [...arr] 或 Array.from）