javascript - 为什么 Babel 需要 polyfill 而不是默认转译某些方法？

Question

我一直在通过一门类(class)学习如何在 Javascript 中使用 babel，我理解了带有预设“env”的 babel 将 ES 的更高版本转换为 ES5 的想法。但是我遇到了一个场景，其中数组“includes”方法根本没有被 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 来实现。例如，将 ES5 的 let 或 const 转换为 var，或将箭头函数转换为传统函数，就不可能编写一个 polyfill。像这样的操作需要一个转译器来遍历代码并将其转换。