JavaScript Academy · درس

أساسيات استيفاء السلاسل النصية

ضمّنوا تعبيرات داخل القيم الحرفية للقوالب.

أساسيات استيفاء السلاسل النصية درس مجاني في JavaScript Academy على CoddyKit. هذا هو الدرس 1 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في JavaScript Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة JavaScript Academy 4 دروس في المجموع.

ما القوالب النصية؟

القوالب النصية هي طريقة لإنشاء سلاسل نصية باستخدام علامة backtick بدلًا من علامات الاقتباس. وتتيح لكم تضمين التعبيرات مباشرةً داخل السلسلة النصية من دون إجراء تسلسل يدوي.

يُكتب العنصر النائب باستخدام علامة الدولار متبوعة بأقواس معقوفة تحيط بتعبير. تقيّم JavaScript التعبير وتُدخل قيمته في السلسلة النصية.

const name = "Alice"
const greeting = "Hello, " + name + "!"
console.log(greeting)

صيغة الاستيفاء

داخل القالب النصي، تضعون تعبيرًا بين بداية تركيب الدولار والقوس المعقوف وقوسه المعقوف الختامي. ويُقيَّم التعبير ثم يُحوَّل إلى سلسلة نصية.

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

const product = "Book"
const price = 12
const line = product + " costs " + price + " dollars"
console.log(line)

لماذا يفيد الاستيفاء؟

يصبح التسلسل باستخدام عامل الجمع صعب القراءة عند مزج العديد من المتغيرات والنصوص الحرفية. يحافظ الاستيفاء على النص المحيط كما هو، ولا يستبدل إلا الأجزاء الديناميكية.

عدد أقل من عوامل الجمع
عدم وجود أخطاء غير مقصودة في المسافات
وضوح أكبر للغرض

const user = "Bob"
const count = 3
console.log(user + " has " + count + " messages")

تضمين أي تعبير

يمكن أن يحتوي العنصر النائب على أي تعبير صالح، وليس متغيرًا فقط. فالحسابات واستدعاءات الدوال والوصول إلى الخصائص كلها تعمل.

const a = 5
const b = 7
console.log("Sum is " + (a + b))
console.log("Max is " + Math.max(a, b))

استدعاء الدوال من الداخل

يمكنكم استدعاء دالة والسماح لقيمتها المُعادة بالانتقال إلى السلسلة النصية. يعرض المثال صيغة التسلسل المكافئة.

function upper(s) { return s.toUpperCase() }
const word = "hello"
console.log("Loud: " + upper(word))

الوصول إلى الخصائص

يمكن قراءة خصائص الكائن مباشرةً داخل عنصر نائب. نقرأ هنا حقولًا من كائن مستخدم.

const user = { name: "Eve", age: 30 }
console.log("Name: " + user.name + ", Age: " + user.age)

تحويل الأعداد إلى سلاسل نصية

عندما يُوضَع عدد في سياق سلسلة نصية، يُحوَّل تلقائيًا إلى صورته النصية. ويحدث التحويل نفسه مع الاستيفاء.

const total = 19.99
console.log("Total: $" + total)

العوامل الثلاثية داخل العناصر النائبة

يناسب المنطق الشرطي باستخدام العامل الثلاثي عنصرًا نائبًا، مما يتيح لكم الاختيار بين قيمتين داخل السطر.

const score = 72
const grade = score >= 60 ? "Pass" : "Fail"
console.log("Result: " + grade)

التعبيرات المتداخلة

يمكن أن تحتوي العناصر النائبة على سلاسل من الأساليب واستدعاءات متداخلة. وتُدرج النتيجة التي يقيّم إليها التعبير، أيًا كانت.

const items = ["a", "b", "c"]
console.log("Joined: " + items.join("-"))
console.log("Count: " + items.length)

مزج قيم متعددة

تتألق القوالب النصية عندما تدمج الجملة عدة متغيرات معًا. قارنوا بين النسخة المقروءة ذات الاستيفاء، الموصوفة نصيًا، وهذه الصيغة المكافئة التي تستخدم التسلسل.

const city = "Paris"
const temp = 21
const sky = "sunny"
console.log("In " + city + " it is " + temp + "C and " + sky)

إخفاء علامة الدولار

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

const text = "Use $\{x\} for a placeholder"
console.log(text)

تحقّق سريع

اختبروا فهمكم للاستيفاء.

مراجعة

مراجعة: تستخدم القوالب النصية علامات backtick والعناصر النائبة لتضمين التعبيرات في السلاسل النصية.

يقيّم العنصر النائب أي تعبير
تُحوَّل القيم إلى سلاسل نصية
الاستيفاء أوضح من التسلسل الطويل
أخفوا علامة الدولار لإظهارها حرفيًا

const n = "World"
console.log("Hello, " + n + "!")

الأسئلة الشائعة

هل درس «أساسيات استيفاء السلاسل النصية» مجاني؟

نعم — نص درس «أساسيات استيفاء السلاسل النصية» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة JavaScript Academy، انتقل إلى CoddyKit PRO. تتضمن دورة JavaScript Academy 4 دروس في المجموع.

ماذا ستتعلم في «أساسيات استيفاء السلاسل النصية»؟

ضمّنوا تعبيرات داخل القيم الحرفية للقوالب. تتمرن على JavaScript Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.

هل أحتاج إلى خبرة سابقة لأبدأ JavaScript Academy؟

لا تُشترط خبرة سابقة. JavaScript Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 1 من أصل 4.

كم من الوقت يستغرق درس «أساسيات استيفاء السلاسل النصية»؟

معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.

هل يمكنني كتابة وتشغيل أكواد في درس JavaScript Academy هذا؟

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

جميع الدروس في هذه الدورة

← العودة إلى JavaScript Academy