What can I do if nothing is supported on IE?

Question

I have an arrow function that was working perfectly on Chrome/Firefox but I also need it working on IE11, and I don't know what more to do.

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 because I read that doing this could solve the problems (on the link you can also check my code :) for removing the arrow functions.

Object.entries isn't supported either, and I'm still needing it. https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Object/entries

So I tried to use the polyfill of the link above but it uses Reflect which isn't supported either. https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Reflect

Any ideas? I'm really lost with IE11 dev. PD: The code is still working on Chrome/Firefox.

Answer 1

This is naive implementation of Object.entries.
It works well for all examples in 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]];
   });
};

Answer 2

babel with babel preset env would be the way to go.

This way you could just list the browsers you intend to support and then babel will only transpile (convert pieces of your code to ES5) parts of your code that need to be converted to support all your browsers.

Answer 3

You can use several solution to implement support new ES8+ features in old browsers.

Full-circuit solution can be based on Webpack with babel-transformers and set of polyfills, which also called shims. You can see stereotypical configuration in create-react-app or next.js boilerplate.

More that, if you have no IE11 installation on development machine, you can run E2E/functional tests on SauseLabs, using test suite provider like TestCafe or NightWatch.