Template literals syntax is not working in IE11

javascript internet-explorer ecmascript-6 internet-explorer-11 template-literals
usefulBee picture usefulBee · Nov 29, 2016 · Viewed 36.5k times · Source

The back-tick character is not recognized as a Valid Character in IE11 when using the "use strict" directive while it works in other browsers, such as Chrome.

What is the interpretation of this behavior taking into consideration that IE11 is still widely used even among Windows 10 users??

Error: { "message": "Invalid character", "filename": "http://stacksnippets.net/js", "lineno": 18, "colno": 17 }

Answer

Michał Perłakowski picture Michał Perłakowski · Nov 29, 2016

If you look at the ECMAScript 6 compatibility table, you'll see that template literals are not supported by IE11. The "use strict"; statement doesn't really change anything, because before it is determined whether a code is in strict mode, it has to be parsed first, but it can't be parsed, because you're using syntax that the parser doesn't recognize.

If you want your code to work in IE11, you should transpile it with Babel.

Related questions

ES6 Proxy Polyfill for IE11

IE11 does not and will not implement ES2015 Proxy objects. Yet IE11's end of extended support is October 14, 2025. Is there any way to polyfill Proxy objects for IE11? All other browsers support Proxy already. If yes then we would …

Read More
Alternative version for Object.values()

I'm looking for an alternative version for the Object.values() function. As described here the function is not supported in Internet Explorer. When executing the following example code: var obj = { foo: 'bar', baz: 42 }; console.log(Object.values(obj)); // ['bar', 42] It …

Read More
Check if user is using IE

I am calling a function like the one below by click on divs with a certain class. Is there a way I can check when starting the function if a user is using Internet Explorer and abort / cancel it if …

Read More