انتقل إلى محتوى الدرس

Template Literal القوالب النصية

ستتعلم في هذا الدرس قواعد وشروط بناء العبارات في لغة جافا سكريبت ومتي تستخدم الفواصل المنقوطة semicolons والقواعد الاساسية مثل استخدام علامات التنصيص Quotations مع النصوص.

1 صفوف تعليمية
جافا سكريبت
5,413 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

هي طريقة متقدمة للتعامل مع النصوص في JavaScript باستخدام العلامات المائلة (Backticks) بدلاً من علامات الاقتباس العادية (' أو "). تتيح هذه الطريقة إدراج المتغيرات والتعبيرات البرمجية داخل النصوص باستخدام ${}.


لماذا نستخدمها؟

  • تسمح بإدراج المتغيرات مباشرة داخل النص بدون الحاجة إلى استخدام علامة + للربط.
  • تدعم النصوص متعددة الأسطر بدون الحاجة إلى \n.


لماذا تعتبر هذه الطريقة أفضل؟

  • أكثر وضوحًا وسهولة في القراءة.
  • لا تحتاج إلى علامات +، بل يتم إدراج المتغيرات مباشرة داخل ${}.
  • تدعم النصوص متعددة الأسطر بدون الحاجة إلى \n.

Template Literals: javascript

✅ مثال على استخدام القوالب النصية في جافا سكريبت.

HTML
console.log(`Hello, ${"mohamed"}!`); // Output: Hello, mohamed!

Template Literals with variable

✅ مثال على استخدام القوالب النصية في جافا سكريبت مع المتغيرات.

HTML
let name = "Mohamed";
console.log(`Hello, ${name}!`); // Output: Hello, Mohamed!