Template literals in Javascript - Cheat Sheet & Quick Revision

Recall & Review

beginner

What are template literals in JavaScript?

Template literals are string literals allowing embedded expressions. They use backticks (`) instead of quotes and can include placeholders with ${expression}.

beginner

How do you embed a variable inside a template literal?

Use the syntax ${variableName} inside backticks. For example: `Hello, ${name}!` will insert the value of name.

beginner

What advantage do template literals have over regular strings?

They allow multi-line strings without special characters and easy insertion of variables or expressions directly inside the string.

beginner

Show an example of a multi-line string using template literals.

Example:
const message = `Hello
World!`;
console.log(message);
This prints:
Hello
World!

intermediate

Can you include expressions inside template literals? Give an example.

Yes. You can include any JavaScript expression inside ${}. Example:
const sum = `${2 + 3}`; prints '5'.

Which symbol is used to start and end a template literal?

A " (double quote)

B ` (backtick)

C ' (single quote)

D ~ (tilde)

Template literals use backticks (`) to start and end the string.

How do you insert a variable named 'user' inside a template literal?

A ${user}

B #user#

C $user

D {user}

Variables are inserted inside ${} inside template literals.

What will this code output? `const a = 5; console.log(`Value is ${a * 2}`);`

A Value is 10

B Value is a * 2

C Value is ${a * 2}

D Error

Expressions inside ${} are evaluated, so 5 * 2 = 10.

Which of these is a benefit of template literals?

A They only work with numbers

B They are slower than regular strings

C They require escaping quotes

D They allow multi-line strings easily

Template literals allow multi-line strings without needing escape characters.

What will this print? `console.log(`Hello\nWorld`);`

A Hello World

B Hello\nWorld

C Hello (new line) World

D Error

Template literals preserve new lines, so \n creates a new line.

Explain how to use template literals to create a greeting message including a person's name and age.

Think about how to write a sentence like 'Hello, Alice! You are 30 years old.' using variables.

Describe the advantages of template literals compared to traditional string concatenation.

Consider how template literals make code easier to read and write.