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