By Hemanta Sundaray on 2021-06-10
Template literals were called template strings in the prior edition of the ES2015 specification.
They allow embedded expressions.
We can also use multi-line strings and string interpolation features with them.
`string text`
`string text line 1
string text line 2`
`string text ${expression} string text`
Template literals are enclosed by the backtick character.
The placeholders inside template literals are indicated by the dollar sign and curly braces - ${expression}.
In order to get multi-line strings using normal strings, you would have to use the following syntax.
console.log(“Hemanta \n” + “Sundaray”);
// output
Hemanta
Sundaray
With template literals, it's much more concise.
console.log(`Hemanta
Sundaray`)
// output
Hemanta
Sundaray
We can embed expressions inside normal strings using the following syntax.
const nationality = “French”
console.log(`Theo is a ${nationality} citizen.`)
// output
Theo is a French citizen.