8 of 32 lessons

Video Lesson

Lesson Notes

Understanding JavaScript String Interpolation (Template Literals)

In this post, we’ll explore how to use backtick ` strings (template literals) for multi-line text and embedding expressions.

What Are Template Literals?

Template literals use backticks instead of quotes and allow:

Multi-line strings
Interpolation of variables and expressions

Syntax

const myVar = 123;

console.log(`Hello World
This is my string`);

Multi-line Strings

With backticks, line breaks are preserved automatically:

console.log(`Line one
Line two
Line three`);

Embedding Variables

Use ${...} to insert a variable’s value:

const myVar = 123;
console.log(`This is my number: ${myVar}`);
// Output: This is my number: 123

Embedding Expressions

You can also evaluate expressions inside ${}:

console.log(`One plus seven equals ${1 + 7}`);
// Output: One plus seven equals 8

Or include quotes around the result:

console.log(`"The result is ${4 + 7}"`);
// Output: "The result is 11"

Summary

Use backticks (`) for template literals.
Preserve multi-line text without \n.
Interpolate variables and expressions with ${...} for cleaner, more readable code.

AI Assistant

Sign In Required

Code comments

Block Scope

String Interpolation (Template Literals)

Unlock the power of JavaScript with our lesson on string interpolation using template literals! Learn how to create multi-line strings effortlessly and embed variables and expressions for cleaner, more dynamic code that enhances your programming skills.

2m 26s