引言
在前端开发中，经常涉及到对象的操作。对象是一组键值对的集合，可用于存储和组织数据。JavaScript 提供了许多内置函数来处理对象，其中之一是 Object.assign()。该函数用于将一个或多个源对象的值复制到目标对象中。
然而，Object.assign() 并不是在所有浏览器中都得到支持。特别是在旧版浏览器中，可能会出现兼容性问题。这时候，我们需要使用一个 polyfill 来解决这个问题。
本文将详细介绍为什么需要一个对象.assign() polyfill，以及如何在巴别塔装载机（Babel Loader）中使用它来确保代码在各种环境下都能正常运行。
为什么需要一个对象.assign() polyfill？
兼容性问题
Object.assign() 是 ES6 新增的方法，在很多旧版浏览器中并没有得到支持。因此，在使用这个方法时，需要考虑兼容性问题，以确保代码在各种环境下都能够正常运行。
需要复制对象
在编写 JavaScript 代码时，通常需要创建新的对象，并从一个或多个现有对象中复制数据。这时候，Object.assign() 可以提供很大的帮助。
例如，下面的代码中，我们创建了一个空对象 person，然后使用 Object.assign() 从一个已有对象 info 中复制数据：
const info = { name: 'John', age: 25 };
const person = {};
Object.assign(person, info);
console.log(person); // { name: 'John', age: 25 }在这个例子中，我们通过 Object.assign() 将 info 对象的键值对复制到了 person 对象中。
需要合并对象
除了复制对象外，Object.assign() 还可以用于将多个对象合并为一个对象。在这种情况下，如果多个对象具有相同的属性，则后面的对象会覆盖前面的对象。
例如，下面的代码中，我们创建了两个对象 obj1 和 obj2，并使用 Object.assign() 将它们合并为一个新对象：
const obj1 = { a: 1, b: 2 };
const obj2 = { b: 3, c: 4 };
const obj3 = Object.assign({}, obj1, obj2);
console.log(obj3); // { a: 1, b: 3, c: 4 }在这个例子中，我们先创建了一个空对象 obj3，然后使用 Object.assign() 将 obj1 和 obj2 的键值对复制到 obj3 中。由于 obj2 中也有一个键为 b 的属性，因此它会覆盖 obj1 中的 b 属性。
要用原生 JavaScript 实现 polyfill
为了解决 Object.assign() 的兼容性问题，我们需要使用一个 polyfill。polyfill 是一种代码技术，用于在旧版浏览器中提供现代 JavaScript 功能的支持。通常，polyfill 会使用原生 JavaScript 进行实现。
实现 Object.assign() polyfill
要实现 Object.assign() 的 polyfill，需要遵循以下步骤：
- 创建一个新对象，作为目标对象。
- 将所有源对象的键值对复制到目标对象中。
- 返回目标对象。
下面是一个简单的 Object.assign() polyfill 的实现：
-- -------------------- ---- -------
-- ------- ------------- --- ----------- -
----------------------------- --------- -
------ ---------------- -
-- ------- -- ----- -
----- --- ----------------- ------- --------- -- ---- -- ---------
-
--- -- - ---------------
--- ---- - - -- - - ----------------- ---- -
--- ---------- - ---------
- ----------------------------------------------------------- --------
----------------------------------------------------------------------------------