随着前端技术的不断发展，ES6 成为了 JavaScript 的事实标准，然而旧版浏览器却无法支持 ES6 语法。为了解决这个问题，开发者们通常使用 Babel 将 ES6 代码转换为 ES5 以兼容旧版浏览器。但是有时候，即使使用 Babel 进行转换，有些浏览器仍然无法兼容，本文将详细介绍如何解决这个问题。
问题分析
在使用 Babel 进行转换后，IE 浏览器仍然可能无法支持转换后的代码。这是因为 IE10 的 JavaScript 引擎只能支持到 ECMAScript 5.1 标准，而 Babel 所转换的代码可能包含一些新的语法特性，例如函数默认参数、箭头函数等，这些特性都是在 ES6 标准中引入的。
这就导致了一个问题，Babel 的转换虽然将 ES6 代码转换为 ES5，但是其中部分 ES6 的语法特性却无法被 IE10 所识别，因此依旧无法兼容 IE10 浏览器。
解决方法
解决这个问题的方法很简单，只需要在 Babel 转换时设置目标浏览器的版本即可。有关这个方法，可参考 Babel 的官方文档中 "Targets" 部分。
在 Babel 的转换配置文件中，通过设置 targets 参数来指定目标浏览器的版本，示例代码如下：
-- -------------------- ---- -------
-
---------- -
-
--------------------
-
---------- -
----- ----
-
-
-
-
-在上述代码中，我们将目标浏览器版本设置为 IE10，Babel 将只会转换支持 IE10 的 ES6 特性，这样就能够兼容 IE10 浏览器了。
总结
在使用 Babel 进行转换时，需要设置目标浏览器的版本，以确保转换后的代码能够在目标浏览器中正常运行。如果是需要兼容旧版浏览器，建议使用 Babel 的 @babel/preset-env 插件，并在配置文件中将目标浏览器版本设置为最低要求的版本，这样可以避免由于使用新版本特性而导致的兼容性问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a6596f48841e98942f1d40