当我用babel将ES6编译成ES5时，为什么浏览器需要polyfills文件？

Question

如果babel将ES6转换为ES5并输出ES5文件，那么如果应用程序输出文件恰好包含ES5代码，为什么浏览器需要包含polyfill文件？

Answer 1

Babel将ES6 (和更新的)代码翻译成ES5代码。例如，它将箭头函数(() => {})重写为ES5函数(function() {})。然而，ES6不仅仅是一些新语法。

https://babeljs.io

由于Babel只转换语法(如箭头函数)，您可以使用babel-polyfill来支持新的全局变量(如Promise )或新的本机方法(如String.padStart (左填充))。它使用core-js和再生器。有关更多信息，请查看我们的babel-polyfill文档。

所有新函数都需要使用polyfill来实现。并且这些多边形填充必须全局包含到您的项目中。否则，每次使用ES6函数都会被ES5代码中该函数的实现所取代。因此，如果您使用Array#findIndex十次，那么转换后的代码也将包含实现十次。这就是为什么必须全局添加多填充而不是仅通过转置步骤添加的原因。