What are template literals?

Q: What are template literals?

**Target Audience:** Engineers preparing for JavaScript fundamentals interviews. **Difficulty:** Easy > **How to read this doc:** Concepts are explained in plain language first, then tagged with 📌 Interview term: . The interpolation and newline-preservation claims below were actually run in Node. ## 1. Why This Even Matters — A Story First Writing a paragraph by hand with a regular quoted string is like typing a letter where every single line break has to be manually spelled out with an explicit instruction ("insert new line here") — awkward and easy to get wrong. A template literal is like a normal word processor: pressing Enter genuinely creates a new line, exactly as typed, no special instruction needed. ## 2. The Core Idea 📌 **Interview term:** template literals are backtick-delimited strings supporting `${expression}` interpolation, genuine multiline text, nesting, and (uniquely) tagging — capabilities regular quoted strings genuinely lack. ## 3. Verified: inte

The problem

Question presented to candidate: "What are template literals, and what can they do that regular quoted strings genuinely can't?"

What a strong answer should cover:

📌 Interview term: template literals — strings delimited with backticks (`) instead of single/double quotes, supporting interpolation (${expression}), genuine multiline text, and nesting.
📌 Interview term: interpolation — any valid JavaScript expression inside ${...} is evaluated and converted to a string, directly embedded in place — verified directly with both a simple variable and an arithmetic expression evaluated inline.
📌 Interview term: the real, direct answer to what quoted strings can't do — verified directly: a template literal with an actual line break inside its backticks genuinely produces a real newline character in the resulting string (confirmed via JSON.stringify showing a literal \n) — a regular quoted string cannot contain a literal line break at all without an explicit escape sequence or string concatenation.
A precise answer names that template literals can be nested inside each other's ${...} interpolation — verified directly, a template literal genuinely evaluated correctly inside another template literal's interpolation.
A precise answer names tagged template literals (covered in more depth in this bank's own dedicated question) as a related, more advanced capability unique to template literal syntax — a function placed directly before the backticks can intercept and transform the literal's pieces, something no quoted string offers any equivalent for.

Clarifying questions expected:

None — this is a definitional/technical question; naming the genuine, real capability gap (multiline + interpolation + tagging) versus just "nicer syntax" is the strong signal.

Code / implementation expected: Optional — showing real interpolation and a real preserved newline demonstrates concrete understanding beyond reciting the backtick syntax.

template-literals

Try it yourself

Sketch your approach before you read the solution. That is what the interview tests.

Stuck? Get a hint.

A short nudge toward the approach. It will not give the answer away.

Solution

Target Audience: Engineers preparing for JavaScript fundamentals interviews. Difficulty: Easy

How to read this doc: Concepts are explained in plain language first, then tagged with 📌 Interview term:. The interpolation and newline-preservation claims below were actually run in Node.

1. Why This Even Matters — A Story First

Writing a paragraph by hand with a regular quoted string is like typing a letter where every single line break has to be manually spelled out with an explicit instruction ("insert new line here") — awkward and easy to get wrong. A template literal is like a normal word processor: pressing Enter genuinely creates a new line, exactly as typed, no special instruction needed.

2. The Core Idea

📌 Interview term: template literals are backtick-delimited strings supporting ${expression} interpolation, genuine multiline text, nesting, and (unique

The solution is hidden so you can try first

5 min read · 9 sections

Run the code

Edit the code and run it here. Each console line with an expected value becomes a test.

JavaScriptReal proof: template literal interpolation of any expression, nesting, and a genuinely preserved literal newline