Template Literals
Template literals provide an easier and cleaner way to create strings and insert variables directly inside a string.
What are Template Literals?
Template literals are modern JavaScript strings written using backticks (`) instead of single or double quotes.
They allow us to insert variables and expressions directly inside a string using ${}.
Simple Definition
Template literals make it easy to combine normal text, variables and expressions inside one string.
Template literals combine text and variables using backticks and ${}.
Example 1: Basic Template Literal
A template literal is written using backticks.
let message = `Welcome to JavaScript`;
console.log(message);Example 2: Insert a Variable
We can insert a variable using ${}.
let name = "Rahul";
let message = `Hello ${name}`;
console.log(message);Example 3: Multiple Variables
let name = "Amit";
let course = "JavaScript";
let message = `Hello ${name}, Welcome to ${course}`;
console.log(message);Example 4: Expressions
Template literals can also contain JavaScript expressions.
let a = 10;
let b = 20;
let result = `Total = ${a + b}`;
console.log(result);Example 5: Multi-line String
Template literals can easily create multi-line strings.
let message = `Welcome to CIIT
Training Institute
Learn JavaScript`;
console.log(message);Training Institute
Learn JavaScript
Important Points
• Template literals use backticks.
• Variables are inserted using ${}.
• Expressions can be written inside ${}.
• Multi-line strings are supported.
Summary
Template literals are a modern JavaScript feature used to create dynamic strings. They use backticks and allow variables and expressions to be inserted using ${}. They also make multi-line strings easier to write.