随着 ES6 的普及，越来越多的前端开发者开始使用 ES6 的新特性来编写代码。而 Babel 作为一个主流的 ES6 编译器，也成为了很多前端开发者的首选。但是，Babel 编译 ES6 代码中，Object.assign 方法部分浏览器支持不全的问题却困扰着很多开发者。本文将介绍如何解决这个问题。
Object.assign 的浏览器兼容性问题
Object.assign 是 ES6 中新增的一个方法，用于将一个或多个源对象的所有可枚举属性复制到目标对象中。它的语法如下：
Object.assign(target, ...sources)
其中，target 表示目标对象，sources 表示源对象，可以有多个。
然而，Object.assign 方法在某些浏览器中并不支持，比如 IE 浏览器。这就导致了在使用 Babel 编译 ES6 代码时，如果代码中使用了 Object.assign 方法，就会出现兼容性问题。
解决方法
为了解决 Object.assign 方法在部分浏览器中不支持的问题，我们可以使用一些 polyfill 来进行兼容。polyfill 是一种代码填充技术，可以在不支持某些新特性的浏览器中模拟这些特性，从而实现兼容。
使用 core-js 库
一种常见的 polyfill 库是 core-js。core-js 是一个纯 JavaScript 库，提供了 ES5、ES6、ES7 等各个版本的 polyfill，可以在浏览器中模拟最新的 ECMAScript 规范。我们可以使用它来解决 Object.assign 不兼容的问题。
首先，我们需要安装 core-js：
npm install core-js --save-dev
然后，在代码中引入 core-js：
import "core-js/features/object/assign";
这样，就可以在不支持 Object.assign 方法的浏览器中使用它了。
使用 object-assign 库
另一种解决方案是使用 object-assign 这个库。object-assign 是一个小型的 polyfill 库，只包含 Object.assign 方法的实现，可以在浏览器中模拟 Object.assign 方法。
首先，我们需要安装 object-assign：
npm install object-assign --save-dev
然后，在代码中引入 object-assign：
import assign from "object-assign";
这样，就可以在不支持 Object.assign 方法的浏览器中使用它了。
示例代码
下面是一个使用 Object.assign 方法的示例代码：
const target = { a: 1 };
const source1 = { b: 2 };
const source2 = { c: 3 };
const result = Object.assign(target, source1, source2);
console.log(result); // { a: 1, b: 2, c: 3 }如果在 IE 浏览器中运行这段代码，就会报错。我们可以使用上述两种方法中的任意一种来解决这个问题。比如，使用 core-js：
import "core-js/features/object/assign";
const target = { a: 1 };
const source1 = { b: 2 };
const source2 = { c: 3 };
const result = Object.assign(target, source1, source2);
console.log(result); // { a: 1, b: 2, c: 3 }或者，使用 object-assign：
import assign from "object-assign";
const target = { a: 1 };
const source1 = { b: 2 };
const source2 = { c: 3 };
const result = assign(target, source1, source2);
console.log(result); // { a: 1, b: 2, c: 3 }总结
在使用 Babel 编译 ES6 代码时，如果代码中使用了 Object.assign 方法，就会出现兼容性问题。为了解决这个问题，我们可以使用一些 polyfill 来进行兼容，比如 core-js 和 object-assign。通过这些方法，我们可以在不支持 Object.assign 方法的浏览器中使用它，保证代码的兼容性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/658ad22feb4cecbf2d01d2a6