شرح قوالب النصوص في JavaScript — دمج المتغيرات بالأكواد باحترافية

دمج النصوص مع المتغيرات باستخدام علامة الزائد + قد يكون مربكاً جداً ويؤدي للكثير من الأخطاء. قوالب النصوص (Template Literals) جاءت لتحل هذه المشكلة للأبد.

1. علامة الـ Backtick (`)

بدلاً من استخدام علامات التنصيص العادية " " أو ' '، نستخدم علامة الـ Backtick (الموجودة غالباً فوق زر Tab في الكيبورد).

let age = 25;
console.log("عمري هو " + age + " سنة");

let age = 25;
console.log(`عمري هو ${age} سنة`);

2. مميزات قوالب النصوص

• إدراج المتغيرات: نستخدم الرمز ${variable} لوضع أي متغير أو عملية حسابية داخل النص مباشرة.
• تعدد الأسطر: يمكنك كتابة نص على عدة أسطر دون الحاجة لرموز خاصة مثل \n.

const message = `مرحباً بك،
هذا نص مكتوب
على عدة أسطر
بكل سهولة!`;