تستخدم Template literals علامات backticks (`) وتضيف شيئين لا تملكهما علامات الاقتباس العادية: interpolation للتعبيرات وmulti-line strings.
js
name = ;
count = ;
msg = ;
total = ;
html = ;
تستخدم Template literals علامات backticks (`) وتضيف شيئين لا تملكهما علامات الاقتباس العادية: interpolation للتعبيرات وmulti-line strings.
name = ;
count = ;
msg = ;
total = ;
html = ;
قبل template literals كان عليك أن تكتب "Hi " + name + ", " + count + ... — طويل وعرضة للأخطاء. تقرأ interpolation بشكل أفضل بكثير.
دالة موضوعة قبل علامات backticks تستقبل أجزاء السلسلة والقيم المدرجة، مما يسمح لها بمعالجتها:
function highlight(strings, ...values) {
return strings.reduce((out, s, i) =>
out + s + (values[i] ? `<b>${values[i]}</b>` : ""), "");
}
highlight`Hello ${name}!`; // "Hello <b>Ann</b>!"
هذا يدعم مكتبات مثل styled-components ومساعدات escaping آمنة لـ SQL/HTML.
Template literals هي الطريقة القياسية لبناء السلاسل اليوم — interpolation قابلة للقراءة، نصوص multi-line سهلة، وخطاف (tagged templates) لـ DSLs.