template-literals

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?? "use strict"; function doIt() { let tt; tt = 50; alert(`${tt}`); alert("test"); } doIt(); Error: { "message": "Invalid character", "filename": " http://stacksnippets.net/js ", "lineno": 18, "colno": 17 } If you look at the ECMAScript 6 compatibility table , you'll see that template literals are not supported

Is there a reason (performance or other) not to use backtick template literal syntax for all strings in a javascript source file? If so, what? Should I prefer this: var str1 = 'this is a string'; over this? var str2 = `this is another string`; The most significant reason not to use them is that ES6 is not supported in all environments. Of course that might not affect you at all, but still: YAGNI . Don't use template literals unless you need interpolation, multiline literals, or unescaped quotes and apostrophes. Much of the arguments from When to use double or single quotes in JavaScript? carry

Why does JavaScript not allow a template string as an object property key? For example, when I input: foo = {`bar`: 'baz'} into the NodeJS REPL, it throws a SyntaxError with "Unexpected template string" with a long stack trace. Property values are fine, however, which is not as unexpected. Similar errors happen in the browser, for example, Firebug throws a SyntaxError with "invalid property id". Template strings are allowed in "computed property names". For instance, this compiles perfectly fine in all browsers that support the syntax: var foo = { [`bar` + 1]: `baz` }; and creates the object {

I am playing with the new ES6 Template Literals feature and the first thing that came to my head was a String.format for JavaScript so I went about implementing a prototype: String.prototype.format = function() { var self = this; arguments.forEach(function(val,idx) { self["p"+idx] = val; }); return this.toString(); }; console.log(`Hello, ${p0}. This is a ${p1}`.format("world", "test")); ES6Fiddle However, the Template Literal is evaluated before it's passed to my prototype method. Is there any way I can write the above code to defer the result until after I have dynamically created the