How to prevent the character '\' from escaping ES6 template strings?

javascript ecmascript-6 template-strings
André Pena picture André Pena · Jun 27, 2015 · Viewed 8k times · Source

In ES6, I can do something like this:

let myString = `My var: ${myVar}`;

That will automatically replace ${myVar} with the actual value of myVar. Perfect.

But what if I have something like this?

let myString = `My var: \${myVar}`;

The character \ is escaping the ${} construct. It just becomes a regular string.

How can I make \ not to escape in this case?

Answer

Bergi picture Bergi · Jun 27, 2015

If you want to have a literal backslash in your template string, you will need to escape it:

let myVar = "test";
let myString = `My var: \\${myVar}`; // "My var: \test"

Related questions

ES6 Template Literals Vs concatenated strings

I have the following code for Ecma-Script-6 template literals let person = {name: 'John Smith'}; let tpl = `My name is ${person.name}.`; let MyVar="My name is "+ person.name+"."; console.log("template literal= "+tpl); console.log("my variable = "+MyVar); The output …

Read More
Convert a string to a template string

Is it possible to create a template string as a usual string let a="b:${b}"; an then convert it into a template string let b=10; console.log(a.template());//b:10 without eval, new Function and other means of dynamic …

Read More
Template Strings ES6 prevent line breaks

I have a long string, which I build using ES6 template strings, but I want it to be without line breaks: var string = `As all string substitutions in Template Strings are JavaScript expressions, we can substitute a lot more than …

Read More