الانتقال إلى المحتوى الرئيسي
الوحدة 2 · الدرس 1 من 45/32 في الدورة~8 min
دروس الوحدة (1/4)

السلاسل والقوالب الحرفية

** السلاسل ** هي تسلسلات من الأحرف. في JavaScript يمكنك تحديدها بثلاث طرق، جميعها تعادل المحرك، ولكن بقوة خارقة واحدة محفوظة للbackticks:

JS
'single quotes';
'double quotes';
`backticks — template literals`;

علامات الاقتباس المفردة والمزدوجة قابلة للتبديل: استخدم ما يسمح لك بذلك تجنب الهروب من الحرف الآخر في النص:

JS
'L\'isola'; // the apostrophe needs to be escaped
"L'isola"; // here it doesn't
"He said \"hi\"";
'He said "hi"';

شخصيات الهروب

داخل أي سلسلة يمكنك إدراج أحرف "غير قابلة للطباعة" مع شرطة مائلة عكسية:

  • محمي_INLINE_1 — السطر الجديد
  • محمي_INLINE_2 — علامة التبويب
  • \\ — شرطة مائلة عكسية حرفية
  • \' / \" — اقتباس مفرد/مزدوج حرفيًا
JS
console.log('line 1\nline 2');
// line 1
// line 2

حرفية القالب: بناء الجملة الذي تريد استخدامه افتراضيًا

العلامات الخلفية تفتح شيئين مستحيلين مع المحددات الأخرى:

  1. سلاسل متعددة الأسطر بدون هروب: يُسمح بأسطر جديدة حرفية.
  2. الاستكمال الداخلي: داخل ${ … } يمكنك وضع أي تعبير JS و يتم لصق قيمتها في النتيجة.
JS
const nome = 'Anna';
const eta = 28;

const messaggio = `Ciao ${nome}, hai ${eta} anni.
Fra un anno ne avrai ${eta + 1}.`;

التعبير الموجود داخل ${ … } ليس من الضروري أن يكون اسمًا بسيطًا: يمكن أن يكون أي شيء ينتج قيمة، بما في ذلك استدعاءات الوظائف وعوامل التشغيل.

التسلسل مع +

تاريخيًا، تم تأليف السلاسل باستخدام +. لا يزال يعمل، وهو مفيد في حالات نادرة (مثل إنشاء سلسلة في خطوات متعددة):

JS
const a = 'Ciao';
const b = 'mondo';
a + ', ' + b + '!'; // 'Ciao, mondo!'

جربه

تمرين#js.m2.l1.e1
المحاولات: 0جارٍ التحميل…

بالنظر إلى `الاسم = 'Luca'' و'age = 30`، أنشئ السلسلة 'Luca ha 30 anni' باستخدام قالب حرفي. (هذا النص بالضبط) كتعبير أخير.

جارٍ تحميل المحرر…
إظهار التلميح

استخدم علامات التحديد الخلفية والاستيفاء ${...} لإدراج قيم في السلسلة.

الحل متاح بعد 3 من المحاولات

تمرين المراجعة

تمرين#js.m2.l1.e2
المحاولات: 0جارٍ التحميل…

في حالة وجود سعرين `p1 = 7.5` و`p2 = 3.20`، قم بإرجاع السلسلة "Totale: 10.7 euro" كتعبير أخير.

جارٍ تحميل المحرر…
إظهار التلميح

داخل ${...} يمكنك وضع أي تعبير، بما في ذلك p1 + p2.

الحل متاح بعد 3 من المحاولات