استخدام التحكم في الفراغ في قوالب الشكل بـ ES6

في لغة ECMAScript 2015 (ES6)، يُستخدم قالب الشكل (template literals) باستمرار لتحسين قراءة وكتابة السلاسل الطويلة في الشيفرة البرمجية. عندما تحتاج إلى فصل سلسلة نصية طويلة عبر عدة أسطر دون إضافة علامات جديدة للسطر داخل النص، يمكنك استخدام تقنية تعرف باسم “Template Literal Whitespace Control” أو التحكم في الفراغ في قالب الشكل.

في المثال الذي قدمته، يمكنك تحقيق ذلك عن طريق وضع فاصل فارغ بين السطور داخل القالب كما يلي:

javascriptCopy code
const text = `a very long string that just continues\
 and continues and continues`;

باستخدام علامة الفاصل الخلفي \ في نهاية السطر الأول، يمكنك تحقيق التفاف السلس للسلسلة عبر الأسطر دون إدراج أي علامات جديدة للسطر في النص نفسه. يمكنك الآن استخدام هذه الطريقة لكتابة سلاسل طويلة دون أن تؤثر على السياق اللغوي للنص أو تُفسر باعتبارها علامات جديدة للسطر.

بالطبع، دعنا نتعمق أكثر في تفاصيل كيفية استخدام “Template Literal Whitespace Control” في قوالب الشكل في JavaScript.

تُستخدم علامة الفاصل الخلفي \ للإشارة إلى استمرار السلسلة على سطر جديد بدون إدراج علامات جديدة للسطر في النص. يمكن استخدام هذا الأسلوب لتحسين قراءة الشيفرة البرمجية وتنظيم النص بشكل أفضل.

الفارق الرئيسي بين استخدام الـ \ وعدم استخدامه يظهر عندما تريد تضمين فراغ في نهاية السطر. في حالة عدم استخدام \، يتم أخذ الفراغ الزائد في السطر كجزء من السلسلة، بينما عند استخدام \ يتم تجاوز الفراغ ويُعتبر السطر الجديد جزءًا من السلسلة.

لنقم بمثال توضيحي آخر:

javascriptCopy code
const example = `This is a template literal \
spanning multiple lines \
without introducing new lines in the string.`;

في هذا المثال، يتم استخدام \ لتجنب إدراج فراغ زائد في السلسلة. يمكنك متابعة هذا الأسلوب لكتابة سلاسل نصية طويلة دون إضافة علامات جديدة للسطر في النص، مما يجعل الشيفرة أكثر وضوحًا وقابلية للصيانة.