How to interpolate the strings in JavaScript

In this tutorial, we will learn about string interpolation in javascript by using the es6 template literals.

Template literals are defined using backticks.

String interpolation

To interpolate the string, we need to use the backticks followed by a ${} syntax.

Here is an example:

let user= 'gowtham';

console.log(`My name is ${user}`) // My name is gowtham

The dollar sign and curly brace ${ } is a placeholder, which is evaluating the passed expression.

let name = 'gowtham';

console.log(`My name is ${name} and id is ${Math.random()}`);

console.log(` sum of 2 and 3 is ${2+3}`) // 5

Multi-line strings

We can also create multi-line strings like this.

console.log(`This is  a multiline string
             using template literals`);