Template Literals

Template literals use backticks and ${} for interpolation, multiline strings, and tagged templates.

Example

const name = "Alice";
const msg = `Hello, ${name}! You have ${3 + 2} messages.`;
const multiline = `Line 1
Line 2`;
// Tagged template
const html = (strings, ...vals) => strings.raw.reduce((acc, s, i) => acc + s + (vals[i] || ""), "");

JAVASCRIPT

Full Editor

Pro Tip

Tagged templates power libraries like styled-components, graphql-tag, and sql-template.

Related Resources

JavaScript Reference

Complete tag & property list

JavaScript How-To Guides

Step-by-step practical guides

JavaScript Exercises

Practice what you've learned