JavaScript Template Literals (Tamplate Strings)

ES6 میں شامل کیا گیا ایک نیا عنصر ٹیمپلیٹ لٹریل ہے۔ یہ JavaScript میں سٹرنگز بنانے کے لیے ایک نئی قسم ہے جو کئی اہم نئی خصوصیات کا اضافہ کرتی ہے، جیسے کہ ملٹی لائن سٹرنگز بنانے کی صلاحیت اور سٹرنگ میں اظہار شامل کرنا۔ ایک ڈویلپر کے طور پر، یہ تمام خصوصیات تاروں کو جوڑ توڑ کرنے اور آپ کو متحرک سٹرنگ بنانے کی اجازت دینے کی آپ کی صلاحیتوں کو بڑھا سکتی ہیں۔

یہ پوسٹ ٹیمپلیٹ لٹریلز اور جاوا اسکرپٹ میں ان کے استعمال کے طریقہ کی وضاحت کرے گی۔

JavaScript Template Literals (Template Strings) کیا ہیں؟

' ٹیمپلیٹ لٹریلز 'عام طور پر' کے طور پر جانا جاتا ہے ٹیمپلیٹ سٹرنگز ' وہ بیک ٹک سے گھرے ہوئے ہیں ( ' ) کردار، جیسا کہ تاروں میں اقتباسات کے مقابلے میں۔ اس کے پلیس ہولڈرز کو ڈالر کے نشان سے ظاہر کیا جاتا ہے۔ $ ”، اور گھوبگھرالی منحنی خطوط وحدانی {} جیسے ' ${expression} ” ٹیمپلیٹ لٹریلز میں قابل قبول ہے۔ اگر آپ ایک اظہار استعمال کرنا چاہتے ہیں، تو آپ اسے ' ${expression} بیک ٹِکس کے اندر باکس۔

ایک ٹیمپلیٹ لٹریل معیاری JavaScript سٹرنگ کا ایک بہتر ورژن ہے۔ متبادلات ایک ٹیمپلیٹ لغوی اور ایک عام تار کے درمیان ایک اہم فرق کرتے ہیں۔ آپ متبادلات کا استعمال کرتے ہوئے متغیرات اور اظہار کو سٹرنگ میں ضم کر سکتے ہیں۔ ان متغیرات اور اظہار کی قدریں خود بخود JavaScript انجن سے تبدیل ہو جائیں گی۔

نحو

ٹیمپلیٹ لٹریلز کا استعمال کرتے ہوئے سنگل سٹرنگ کا اعلان کرنے کے لیے نیچے دیے گئے نحو کا استعمال کریں:

متعدد سطروں کے لیے، دیے گئے نحو کی پیروی کریں:

اگر آپ بیک ٹک کے اندر اظہار شامل کرنا چاہتے ہیں تو درج ذیل نحو استعمال کیا جاتا ہے:

بیان کردہ تصور کی بہتر تفہیم تیار کرنے کے لیے درج ذیل مثالوں کو دیکھیں۔

مثال 1: JavaScript Template Literals کا استعمال کرتے ہوئے سنگل لائن سٹرنگ کا اعلان کریں

عام طور پر، سٹرنگ بنانے کے لیے، سنگل یا ڈبل ​​اقتباسات استعمال کرنے کی ضرورت ہوتی ہے، لیکن ٹیمپلیٹ لٹریلز میں، آپ مندرجہ ذیل سٹرنگ بنا سکتے ہیں:

آؤٹ پٹ سے پتہ چلتا ہے کہ یہ سنگل یا ڈبل ​​کوٹس کی مدد سے سادہ تخلیق کرنے والے اسٹنگ کی طرح ہی کام کرتا ہے:

مثال 2: JavaScript Template Literals کا استعمال کرتے ہوئے ملٹی لائن سٹرنگ کا اعلان کریں۔

عام طور پر، متعدد لائنوں کو پرنٹ کرنے کے لیے، ہم کنکٹنیشن آپریٹر (+) کا استعمال کرتے ہیں اور ایک نئی لائن شامل کرنے کے لیے، (\n) استعمال کیا جا سکتا ہے، جو اکثر کوڈ کو پیچیدہ بنا سکتا ہے:

ٹیمپلیٹ لٹریلز استعمال کرنے کے دوران، آپ بیک ٹِکس بلاک میں کی بورڈ سے انٹر دبا کر ایک نئی لائن شروع کر سکتے ہیں:

آؤٹ پٹ

مثال 3: اظہار کے متبادل کے ساتھ سٹرنگ

یہاں، پہلے ہم دو متغیر بنائیں گے ایکس 'اور' Y '، اقدار کے ساتھ ' بیس 'اور' پندرہ '، بالترتیب:

پھر، ایک متغیر بنائیں ' رقم ' شامل کرنے کے لیے ' ایکس 'اور' Y ”:

اگر آپ دو نمبرز شامل کرنا چاہتے ہیں اور کنسول پر ان نمبروں کا مجموعہ دکھانا چاہتے ہیں، تو عام طور پر، اس کے لیے سٹرنگز اور متغیرات کو ریگولر سٹرنگ فارمیٹ میں جوڑنے کی ضرورت ہوتی ہے جو اکثر سٹرنگز کے ساتھ سنگل یا ڈبل ​​اقتباسات کو بار بار استعمال کرنے اور ان میں شامل ہونے میں گڑبڑ پیدا کرتی ہے۔ ایک دوسرے کے ساتھ اور متغیر کے ساتھ استعمال کرتے ہوئے ( + ):

جب کہ، ٹیمپلیٹ لٹریلز کا استعمال کرتے ہوئے، آپ کو صرف متغیر کے ساتھ سٹرنگز کو ' کے اندر اظہار کے طور پر بیان کرنا ہوگا۔ ${} بیک ٹک بلاک میں:

آؤٹ پٹ

ہم نے سانچے کے لٹریلز سے متعلق تمام ضروری معلومات اکٹھی کر لی ہیں۔

نتیجہ

' ٹیمپلیٹ لٹریلز '، اس نام سے بہی جانا جاتاہے ' ٹیمپلیٹ سٹرنگز ”، ایک معیاری جاوا اسکرپٹ سٹرنگ کا ایک بہتر ورژن ہے جو بیک ٹک سے گھرا ہوا ہے ( ' ) کردار، جیسا کہ تاروں میں اقتباسات کے مقابلے میں۔ یہ کنکٹنیشن آپریٹر کے استعمال کے بغیر سنگل لائن اور ملٹی لائن سٹرنگز کی تخلیق کی اجازت دیتا ہے اور سٹرنگ میں اظہار بھی شامل کرتا ہے۔ اس پوسٹ نے وضاحتی مثالوں کے ساتھ جاوا اسکرپٹ میں سانچے کے لٹریلز پر بحث کی ہے۔