在前端开发中，对象是一种非常重要的数据类型。在 JavaScript 中，对象可以用来表示键值对，作为函数参数或返回值，甚至可以模拟类和实现继承。
而 Object.assign 则是一个常用的工具函数，可以将多个对象合并成一个对象，并且可以实现浅拷贝（Shallow Copy）。
对象
JavaScript 中的对象可以通过字面量的方式创建：
----- --- - - ---- ------- --
也可以通过构造函数的方式创建：
----- --- - --- -------- ---- ------- ---
对象可以包含任意数量的键值对，每个键值对都由一个键和一个值组成。键必须是字符串或 Symbol 类型，值可以是任意类型。
访问对象的属性可以使用点号（.）或方括号（[]）：
----- --- - - ---- ------- -- --------------------- -- ------- ------------------------ -- -------
Object.assign
Object.assign 可以将多个对象合并成一个对象，同时也可以实现浅拷贝。
浅拷贝意味着只能复制对象的第一层属性，如果属性的值还是对象，则只是复制了对象的引用，而不是对象本身。
示例代码：
----- ------- - - ---- - ---- - - -- ----- ------- - - ---- - ---- - - -- ----- ------ - ----------------- -------- --------- ------------------------ -- - ---- - - ----------------------- --- ------------ -- ----
可以看到，target.foo 的值是 { baz: 2 }，而不是 { bar: 1, baz: 2 }。这是因为浅拷贝只复制了 foo 属性的引用，所以 source1.foo 和 target.foo 指向同一个对象。
对象与 Object.assign 的蔓延
虽然对象和 Object.assign 都是前端开发中常用的工具，但在实际开发中过度使用它们可能会导致代码难以维护、调试困难等问题。
以下是一些常见的问题：
对象嵌套过深
如果对象嵌套过深，访问属性将变得非常冗长：
----- --- - -
---- -
---- -
---- -
---- -------
-
-
-
--
--------------------------------- -- -------这将使代码变得难以阅读和维护。解决方法是尽量避免创建过深的嵌套对象，或者使用 ES6 的解构赋值来简化操作：
----- - ---- - ---- - ---- - --- - - - - - ---- ----------------- -- -------
对象属性名重复
如果多个对象具有相同的属性名，则合并时可能会出现覆盖的情况：
----- ------- - - ---- - -- ----- ------- - - ---- - -- ----- ------ - ----------------- -------- --------- ------------------------ -- -
这将使代码的行为变得不可预测。解决方法是避免属性名重复，或者显式地处理冲突：
----- ------- - - ---- - -- ----- ------- - - ---- - -- ----- ------ - ----------------- -------- - ---- ----------- - ----------- --- ------------------------ -- -
对象属性类型不一致
如果多个对象具有相同属性名但类型不一致，则合并时可能会导致类型错误：
----- ------- - - ---- ------- -- ----- ------- - - ---- --- -- ----- ------ - ----------------- -------- --------- ----------- - ---------------------------------------------------------- -------- -------------------------------------------------------------------------------------