? JavaScript String Templates (Template Literals)

Template literals are a modern way to create strings in JavaScript. They make it easy to include variables and expressions inside strings without messy concatenation.

What Are Template Literals?

• Enclosed by backticks ` instead of quotes (' or ").

• Support multi-line strings.

• Allow interpolation of variables and expressions using ${...}.

Syntax

const name = "Alice";const age = 25;const greeting = `Hello, my name is ${name} and I am ${age} years old.`;console.log(greeting);// Output: Hello, my name is Alice and I am 25 years old.

Features

1. Multi-line Strings

const poem = `Roses are red,Violets are blue,JavaScript is fun,And so are you!`;console.log(poem);

2. Expressions Inside ${}

const a = 5;const b = 10;console.log(`The sum of ${a} and ${b} is ${a + b}.`);// Output: The sum of 5 and 10 is 15.

3. Tagged Template Literals

Advanced usage allowing custom processing of template literals (optional advanced topic).

Why Use Template Literals?

• Cleaner and more readable than string concatenation.

• Easier to write multi-line strings.

• Powerful for embedding expressions directly.

Example: Comparing With Traditional Concatenation

// Traditionalconst name = "Bob";const message = "Hello, " + name + "! Welcome.";console.log(message);// Template literalconst message2 = `Hello, ${name}! Welcome.`;console.log(message2);

If you want, I can show you examples of tagged templates or more complex expressions inside template literals!