Menu
Coddy logo textTech
flag Ar iconالعربيةdown icon

Template Literals

جزء من قسم Logic & Flow في رحلة JavaScript على Coddy — الدرس 3 من 65.

تستخدم قوالب النصوص البرمجية (Template literals) علامات المحاذاة المائلة للخلف ` لإنشاء النصوص وتسمح لك بإدراج التعبيرات باستخدام ${}.على سبيل المثال، عند إنشاء التحيات، يمكنك تضمين الأسماء أو البيانات الأخرى ديناميكيًا مباشرةً داخل القالب النصي (template literal). يمكنك أيضًا تضمين رموز مثل $ عبر وضعها مباشرةً داخل علامات التنصيص المائلة (backticks).مثال:
const userName = "Sam";
const price = 5;
const message = `Welcome, ${userName}! Your total is ${price}.`;
// يدرج userName و price داخل السلسلة
تدعم القوالب النصية (Template literals) أيضاً السلاسل النصية متعددة الأسطر دون الحاجة إلى حرف الهروب \n.يمكنك ببدء الضغط على Enter للسطر الجديد، وسيتم الحفاظ على الفاصل بين الأسطر في المخرجات. كلا الأسلوبين يعملان:
// باستخدام \n
const message1 = `Line 1\nLine 2`;

// باستخدام فواصل الأسطر الفعلية
const message2 = `Line 1
Line 2`;
كلاهما ينتج نفس الـ result.
challenge icon

التحدي

سهل

أنشئ دالة باسم greetAll تأخذ مصفوفة من الأسماء وترجع سلسلة نصية واحدة. يجب أن ينتج كل اسم في المصفوفة سطرًا بالتنسيق Hello, <Name>! مجمعة معًا في سلسلة نصية واحدة، ومفصولة بأسطر جديدة. استخدم القوالب النصية (template literals) لأسطر الترحيب.

جرّب بنفسك

function greetAll(names) {
  // اكتب الكود الخاص بك هنا
}
// لا تكتب أي شيء خارج الدالة
quiz iconاختبر نفسك

يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.

جميع دروس Logic & Flow