JavaScript String Templates
JavaScript String Templates (که به آنها Template Literals هم گفته میشود) روشی مدرن برای کار با رشتهها در جاوااسکریپت هستند.
🔹 تعریف
Template Literalها با بکتیک ( ) نوشته میشوند، نه با کوتیشن‘یا“`.
let text = `Hello World`;
🔹 جایگذاری متغیر (Interpolation)
میتوان متغیرها یا عبارتها را داخل ${} قرار داد:
let name = “Ali”;
let age = 25;
let message = `My name is ${name} and I am ${age} years old.`;
console.log(message);
🔹 فراخوانی تابع داخل Template Literal
function greet(name) {
return `Hello ${name}`;
}
console.log(`${greet(“Sara”)} 👋`);
🔹 استفاده در HTML
بسیار رایج در ساخت DOM:
let user = “Reza”;
document.body.innerHTML = `
<h1>Welcome ${user}</h1>
<p>Today is ${new Date().toLocaleDateString()}</p>
`;
🔹 مقایسه با روش قدیمی
❌ قدیمی
let text = “Hello “ + name + “, you are ” + age + ” years old.”;
✅ مدرن
let text = `Hello ${name}, you are ${age} years old.`;
🔹 مزایا
✔ خوانایی بهتر
✔ پشتیبانی از چندخطی
✔ جایگذاری آسان متغیر و منطق
✔ مناسب برای HTML و JSX
دیدگاهتان را بنویسید