دروس الوحدة (1/4)
السلاسل والقوالب الحرفية
** السلاسل ** هي تسلسلات من الأحرف. في JavaScript يمكنك تحديدها بثلاث طرق، جميعها تعادل المحرك، ولكن بقوة خارقة واحدة محفوظة للbackticks:
'single quotes';
'double quotes';
`backticks — template literals`;علامات الاقتباس المفردة والمزدوجة قابلة للتبديل: استخدم ما يسمح لك بذلك تجنب الهروب من الحرف الآخر في النص:
'L\'isola'; // the apostrophe needs to be escaped
"L'isola"; // here it doesn't
"He said \"hi\"";
'He said "hi"';شخصيات الهروب
داخل أي سلسلة يمكنك إدراج أحرف "غير قابلة للطباعة" مع شرطة مائلة عكسية:
- محمي_INLINE_1 — السطر الجديد
- محمي_INLINE_2 — علامة التبويب
\\— شرطة مائلة عكسية حرفية\'/\"— اقتباس مفرد/مزدوج حرفيًا
console.log('line 1\nline 2');
// line 1
// line 2حرفية القالب: بناء الجملة الذي تريد استخدامه افتراضيًا
العلامات الخلفية تفتح شيئين مستحيلين مع المحددات الأخرى:
- سلاسل متعددة الأسطر بدون هروب: يُسمح بأسطر جديدة حرفية.
- الاستكمال الداخلي: داخل
${ … }يمكنك وضع أي تعبير JS و يتم لصق قيمتها في النتيجة.
const nome = 'Anna';
const eta = 28;
const messaggio = `Ciao ${nome}, hai ${eta} anni.
Fra un anno ne avrai ${eta + 1}.`;التعبير الموجود داخل ${ … } ليس من الضروري أن يكون اسمًا بسيطًا: يمكن أن يكون
أي شيء ينتج قيمة، بما في ذلك استدعاءات الوظائف وعوامل التشغيل.
التسلسل مع +
تاريخيًا، تم تأليف السلاسل باستخدام +. لا يزال يعمل، وهو مفيد
في حالات نادرة (مثل إنشاء سلسلة في خطوات متعددة):
const a = 'Ciao';
const b = 'mondo';
a + ', ' + b + '!'; // 'Ciao, mondo!'جربه
بالنظر إلى `الاسم = 'Luca'' و'age = 30`، أنشئ السلسلة 'Luca ha 30 anni' باستخدام قالب حرفي. (هذا النص بالضبط) كتعبير أخير.
إظهار التلميح
استخدم علامات التحديد الخلفية والاستيفاء ${...} لإدراج قيم في السلسلة.
الحل متاح بعد 3 من المحاولات
تمرين المراجعة
في حالة وجود سعرين `p1 = 7.5` و`p2 = 3.20`، قم بإرجاع السلسلة "Totale: 10.7 euro" كتعبير أخير.
إظهار التلميح
داخل ${...} يمكنك وضع أي تعبير، بما في ذلك p1 + p2.
الحل متاح بعد 3 من المحاولات