IE不支持怎么办？

Question

我有一个在 Chrome/Firefox 上完美运行的箭头函数，但我也需要它在 IE11 上运行，我不知道还能做什么。

Here you can see that the arrow functions aren't supported on IE11, so I tried to change my code from ES6 to ES5 here 因为我读到这样做可以解决问题（在 link 上你也可以检查我的代码 :) 删除箭头函数。

Object.entries 也不支持，我仍然需要它。 https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Object/entries

所以我尝试使用上面 link 的 polyfill，但它使用的 Reflect 也不被支持。 https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Reflect

有什么想法吗？我真的迷失了 IE11 开发者。 PD：代码仍在 Chrome/Firefox.

上运行

Answer 1

babel with babel preset env 是正确的选择。

通过这种方式，您可以只列出您打算支持的浏览器，然后 babel 将只转换（将您的代码片段转换为 ES5）需要转换以支持所有浏览器的部分代码。

Answer 2

您可以使用多种解决方案在旧浏览器中实现对新 ES8+ 功能的支持。

全电路解决方案可以基于 Webpack 与 babel-transformers 和一组 polyfills，也称为 shims。您可以在 create-react-app 或 next.js 样板文件中查看典型配置。

此外，如果您在开发机器上没有安装 IE11，您可以运行 E2E/functional 在 SauseLabs 上使用测试套件提供商（如 TestCafe）进行测试或守夜人。

Answer 3

这是 Object.entries 的简单实现。
它适用于 https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Object/entries

中的所有示例

Object.entries = Object.entries || function(obj) {
   return Object.keys(obj).map(function(k) {
       return [k, obj[k]];
   });
};

IE不支持怎么办？

What can I do if nothing is supported on IE?

javascript

ecmascript-5

ecmascript-6