SyntaxStudy
Sign Up
Home JavaScript Reference Template Literals

Template Literals

function ES6

Template literals allow embedded expressions, multi-line strings, and tagged templates.

Syntax

`string ${expression}`

Example

javascript
const name = 'Alice';
const age = 28;

// String interpolation
console.log(`Hello, ${name}! You are ${age} years old.`);

// Expressions
console.log(`2 + 2 = ${2 + 2}`);

// Multi-line
const html = `
    <div class="card">
        <h2>${name}</h2>
        <p>Age: ${age}</p>
    </div>
`;

// Ternary inside
console.log(`Status: ${age >= 18 ? 'Adult' : 'Minor'}`);