حرفي قوالب جافا سكريبت (سلاسل القالب)

Hrfy Qwalb Jafa Skrybt Slasl Alqalb



عنصر جديد مضاف في ES6 هو القالب الحرفي. إنه نوع جديد لإنشاء سلاسل في JavaScript يضيف العديد من الميزات الجديدة المهمة ، مثل القدرة على إنشاء سلاسل متعددة الأسطر وتضمين تعبير في سلسلة. بصفتك مطورًا ، يمكن لكل هذه الميزات تحسين قدراتك على معالجة السلاسل والسماح لك بإنشاء سلاسل ديناميكية.

سيوضح هذا المنشور القيم الحرفية للقالب وكيفية استخدامها في JavaScript.







ما المقصود بالقوالب الحرفية لجافا سكريبت (سلاسل القوالب)؟

' قالب حرفي 'المعروفة باسم' سلاسل القالب '. هم محاطون بخلفية ( ' ) ، مقارنة بعلامات الاقتباس في السلاسل. يتم الإشارة إلى العناصر النائبة لها بعلامة الدولار ' $ '، والأقواس المتعرجة {} مثل ' $ {تعبير} 'مقبول في النموذج الحرفي. إذا كنت تريد استخدام تعبير ، فيمكنك وضعه في ' $ {تعبير} 'داخل backticks.



النموذج الحرفي هو نسخة محسنة من سلسلة JavaScript قياسية. تميّز البدائل بشكل كبير بين سلسلة حرفية وسلسلة عادية. يمكنك دمج المتغيرات والتعبيرات في سلسلة باستخدام البدائل. سيتم استبدال قيم هذه المتغيرات والتعبيرات تلقائيًا بواسطة محرك JavaScript.



بناء الجملة





استخدم الصيغة أدناه للتصريح عن سلسلة واحدة باستخدام القوالب الحرفية:

' نص سلسلة '


بالنسبة للأسطر المتعددة ، اتبع الصيغة المحددة:



' سطر نص سلسلة 1
سطر نص سلسلة


إذا كنت تريد إضافة تعبير داخل backticks ، فسيتم استخدام الصيغة التالية:

' نص سلسلة $ {تعبير} نص سلسلة '


تحقق من الأمثلة التالية لتطوير فهم أفضل للمفهوم المذكور.

مثال 1: قم بتعريف سلسلة سطر واحد باستخدام JavaScript Template Literals

عادةً ، لإنشاء سلسلة ، يلزم استخدام علامات اقتباس مفردة أو مزدوجة ، ولكن في القيم الحرفية للقالب ، يمكنك إنشاء سلسلة على النحو التالي:

وحدة التحكم ( ' LinuxHint ' ) ؛


يوضح الإخراج أنه يعمل بنفس الطريقة تمامًا مثل اللدغة البسيطة في الإنشاء بمساعدة علامات الاقتباس المفردة أو المزدوجة:

مثال 2: قم بتعريف سلسلة متعددة الأسطر باستخدام حرفي قالب جافا سكريبت

عادةً ، لطباعة أسطر متعددة ، نستخدم عامل التشغيل التسلسلي (+) ولإضافة سطر جديد ، (\ n) يمكن استخدامه ، والذي غالبًا ما يجعل الكود معقدًا:

وحدة التحكم ( 'مرحبًا بك في LinuxHint. ' + 'أفضل موقع لمهارات التعلم.' ) ؛


أثناء استخدام القوالب الحرفية ، يمكنك بدء سطر جديد بالضغط على إدخال من لوحة المفاتيح في كتلة backticks:

وحدة التحكم ( ' مرحبًا بك في LinuxHint.
أفضل موقع إلى عن على مهارات التعلم. ' ) ؛


انتاج |

مثال 3: سلسلة مع بدائل تعبير

هنا ، سننشئ أولاً متغيرين ' x ' و ' ص '، مع القيم' عشرين ' و ' خمسة عشر '، على التوالى:

فار س = عشرين ؛
فار ص = خمسة عشر ؛


ثم قم بإنشاء متغير ' مجموع 'لإضافة' x ' و ' ص ':

كنت مجموع = س + ص ؛


إذا كنت ترغب في إضافة رقمين وعرض مجموع هذه الأرقام على وحدة التحكم ، فعادة ما يكون مطلوبًا تجميع السلاسل والمتغيرات في تنسيق سلسلة عادي مما يؤدي غالبًا إلى حدوث فوضى لاستخدام علامات الاقتباس المفردة أو المزدوجة بشكل متكرر مع السلاسل والانضمام إليها مع بعضها ومع المتغيرات باستخدام ( + ):

وحدة التحكم ( 'مجموع x' + س + ' و ' + و + ' هو ' + مجموع ) ؛


أثناء استخدام القيم الحرفية للقالب ، ما عليك سوى تحديد السلاسل ذات المتغيرات كتعبير داخل ' {} دولار 'في قالب backtick:

وحدة التحكم ( ' مجموع x {x} دولار و ذ $ {y} هو $ {sum} ' ) ؛


انتاج |

لقد جمعنا جميع المعلومات الأساسية المتعلقة بالقالب الحرفي.

استنتاج

' قالب حرفي '، والمعروف أيضًا باسم' سلاسل القالب '، هو نسخة محسّنة من سلسلة JavaScript قياسية محاطة بعلامة backtick ( ' ) ، مقارنة بعلامات الاقتباس في السلاسل. يسمح بإنشاء سلاسل أحادية السطر ومتعددة الأسطر دون استخدام عامل التشغيل التسلسلي ويتضمن تعبيرًا في سلسلة. ناقش هذا المنشور القيم الحرفية للقالب في JavaScript مع أمثلة موضحة.