Template literals

Template literals are a nice functionality because we can create strings without the need to concatenate the values.

For example, consider the following examples written with ES5:

const book = { 
  name: 'Learning JavaScript DataStructures and Algorithms' 
}; 
console.log('You are reading ' + book.name + '.,\n and this is a new line\n   and so is this.'); 

We can improve the syntax of the previous console.log output with the following code:

console.log(`You are reading ${book.name}., 
   and this is a new line 
   and so is this.`); 

Template literals are enclosed by backticks (`). To interpolate a variable value, we will simply set the variable value inside a dollar sign and curly braces (${}), as we did with book.name.

Template literals ...

Get Learning JavaScript Data Structures and Algorithms - Third Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.