Home / Questions / 184310
Accepted
fredyfx
Asked: 2020-07-27 16:03:24 +0800 CST 2020-07-27 16:03:24 +0800 CST

Arrow Functions in (IE) Internet Explorer 11

  • 772

I have AngularJS (1.5.5) and while testing, the arrow functions don't work in Internet Explorer 11, I have the following code:

return availability.price && availability.options.filter(x => x.leadTime >= 0).length > 0;

And also in this other block it generates an error:

.then(result => { console.log(result); })
.finally(() => { $window.location.reload();});

What do I do, start crying?

javascript

1 Answers

  1. Best Answer

    Calm down, take a deep breath, let's go by parts brother, first things first, the arrow functions were created to save equivalent code (so to speak).

    return availability.price && availability.options.filter(function(x){ x.leadTime >= 0}).length > 0;

    Regarding the second, this will work for you:

    .then(function (result) { console.log(result); })
.finally(function () {
$window.location.reload();
});

    Generally:

    If you find a function of the type arrow (arrow) and you want to send it to be compatible with IE 11, just add the magic word functionfollowed by the name of the variable as a parameter and if you don't have as in the line .finally, just add function(). Of course, remember to remove the arrow and have the start and close =>keys well placed.{}

    If you want a better way to program using JavaScriptand have your code adapted to lower version browsers, I recommend using https://www.typescriptlang.org/

    • 2