为什么 Babel 需要一个 polyfill 而默认不转译一些方法？

Question

我一直在通过一门课程学习如何在 Javascript 中使用 babel，我理解带有预设“env”的 babel 将更高版本的 ES 转换为 ES5 的想法。 但是我遇到了一个场景，其中数组“包含”方法根本没有被 babel 更改并且在 IE11 上不起作用，为了解决这个问题，我读到有一个可以使用的 babel polyfill。

我遇到了一个试图解释这一点的答案，但我根本没有遵循它。 有人可以简单地解释一下为什么默认情况下 babel 不能处理所有 ES 转换并且需要 polyfill。

如果我理解正确，那么 polyfill 是旨在填补空白以使不受支持的工作的东西，但我认为这是 babel 默认要做的工作。

Answer 1

polyfill 使用旧版本的语言本身来实现新功能。 例如，Babel 通过实现 ES5 本身的方法来支持 ES6 array.includes 。 就像是

Array.prototype.includes = function(val) { 
    return this.indexOf(val) >= 0;
}

另一方面，babel 的核心库是一个转译器。 这负责将 javascript 的新版本的功能转换为旧版本，这是通过在旧版本中编写 polyfill 无法实现的。 例如，不可能编写一个 polyfill 来将 ES5 的let或const转换为var ，或者将箭头函数转换为传统函数。 像这样的操作需要一个转译器来遍历代码并进行转换。