Syntax error in IE using ES6 arrow functions

Question

I have this piece of JavaScript code

price = price.replace(/(.*)\./, x => x.replace(/\./g,'') + '.')

This works fine in Firefox and Chrome, however IE gives me an syntax error pointing at => in my code.

Is there a way to use ES6 arrow syntax in IE?

Until IE wants to become happy, use anonymous method inside `replace`. — Wiktor Stribiżew, Oct 18 '16 at 13:47

score 21 · Accepted Answer · edited May 23 '17 at 12:02

21

IE doesn't support ES6, so you'll have to stick with the original way of writing functions like these.

price = price.replace(/(.*)\./, function (x) {
  return x.replace(/\./g, '') + '.';
});

edited May 23 '17 at 12:02

Community

answered Oct 18 '16 at 13:53

roberrrt-s

score 4 · Answer 2 · answered Oct 18 '16 at 14:01

Internet explorer doesn't support arrow functions yet. You can check the browsers supporting arrow functions here.

The method to solve it would be to make a good old regular callback function :

price = price.replace(/(.*)\./, function (x) {
    x.replace(/\./g,'') + '.';
}

This would work in every browser.

2 Answers2