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
– Wiktor Stribiżew, Commented Oct 18, 2016 at 13:47

Community · Accepted Answer · 2017-05-23 12:02:18Z

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, '') + '.';
});

CommunityBot

11 silver badge

answered Oct 18, 2016 at 13:53

roberrrt-s

8,2502 gold badges49 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Val Berthe · Accepted Answer · 2016-10-18 14:01:34Z

4

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.

answered Oct 18, 2016 at 14:01

Val Berthe

2,0641 gold badge20 silver badges35 bronze badges