Template Literrals

What is Literal Template?

Template literals are used to concatenate strings more easily.

With template literals:

• Makes it easier to create multi-line strings directly
• Creates cleaner code
• Code is easier to read, more efficient than traditional string concatenation

The old way before literal templates:

const firstName = "Khansa";
const latsName = "Tsabitah";

//Litteral Template
const name = firstName + " " + lastName;
console.log(name);

The way use template literals:

const firstName = "Khansa";
const latsName = "Tsabitah";

//Litteral Template
const name = `${firstName} ${lastName}`;
console.log(name);

// OUTPUT: Khansa Tsabitah

When we use template literals, it is easy for us to add other strings, for example:

const name = `Hello my name is ${firstName} ${lastName}`;
console.log(name); 
// OUTPUT: Hello my name is Khansa Tsabitah