ٹیمپلیٹ لٹرلز کیا ہیں؟

Question

Accepted Answer

**ٹیمپلیٹ لٹرلز** بیک ٹیک (`` ` ``) استعمال کرتے ہیں اور سادہ سٹرنگ قوٹس میں موجود نہ ہونے والی دو چیزیں شامل کرتے ہیں: اظہار کی **شامل کاری** اور **متعدد لائن** سٹرنگز۔ ```js const name = "Ann"; const count = 3; // interpolation: ${expression} const msg = `Hi ${name}, you have ${count} new messages`; // any expression works, not just variables const total = `Total: ${(count * 1.1).toFixed(2)}`; // multi-line — preserves the line breaks const html = `

${name}

`; ``` ٹیمپلیٹ لٹرلز سے پہلے آپ `"Hi " + name + ", " + count + ...` لکھتے تھے — تفصیل سے اور غلطی کا شکار۔ شامل کاری بہت بہتر پڑھی جاتی ہے۔ ## ٹیگ شدہ ٹیمپلیٹس (جدید) بیک ٹیک سے پہلے رکھا گیا ایک فنکشن سٹرنگ کے حصے اور شامل کی گئی اقدار کو وصول کرتا ہے، جو اسے ان پر کارروائی کرنے دیتا ہے: ```js function highlight(strings, ...values) { return strings.reduce((out, s, i) => out + s + (values[i] ? `${values[i]}` : ""), ""); } highlight`Hello ${name}!`; // "Hello Ann!" ``` یہ **styled-components** اور محفوظ SQL/HTML escaping معاون جیسی لائبریریز کو طاقت دیتا ہے۔ ## یہ کیوں اہم ہے ٹیمپلیٹ لٹرلز آج سٹرنگز بنانے کا معیاری طریقہ ہے — قابلِ فہم شامل کاری، آسان متعدد لائن متن، اور DSL کے لیے ایک ہک (ٹیگ شدہ ٹیمپلیٹس)۔