Docs/JavaScript/Template Literals

Template Literals

Menggunakan backticks (`) untuk membuat string yang lebih powerful.

Fitur

  • Interpolasi: ${expression}
  • Multi-line string tanpa \n
  • Bisa berisi ekspresi JavaScript apapun
  • Tagged templates untuk custom processing
script.js
Try It →
const name = "Ali";
const age = 25;
const skills = ["HTML", "CSS", "JS"];

const greeting = `Hello, ${name}! You are ${age} years old.`;
const calc = `2 + 3 = ${2 + 3}`;
const conditional = `Status: ${age >= 18 ? "Adult" : "Minor"}`;
const list = `Skills: ${skills.join(", ")}`;

const multiline = `Line 1
Line 2
Line 3`;

const o = document.getElementById('output');
o.innerHTML = 
  '// Interpolasi
'+greeting+'

'+
  '// Ekspresi
'+calc+'
'+conditional+'
'+list+'

'+
  '// Multi-line
'+multiline;