דילוג לתוכן המרכזי
מודול 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"';

דמויות בריחה

בתוך כל מחרוזת ניתן להכניס תווים "לא ניתנים להדפסה" עם א נטוי אחורי:

  • \n - שורה חדשה
  • \t - כרטיסייה
  • \\ - קו נטוי לאחור
  • \' / \" - מרכאה בודדת / כפולה מילולית
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טוען...

בהינתן `name = 'Luca'` ו-`age = 30`, צור עם תבנית מילולית את המחרוזת 'Luca ha 30 anni'. (בדיוק הטקסט הזה) כביטוי האחרון.

טוען עורך...
הצג רמז

השתמש ב-backticks ובאינטרפולציה ${...} כדי להוסיף ערכים למחרוזת.

הפתרון זמין לאחר 3 ניסיונות

סקירת התרגיל

פעילות גופנית#js.m2.l1.e2
ניסיונות: 0טוען...

בהינתן שני מחירים `p1 = 7.5` ו-`p2 = 3.20`, החזר כביטוי האחרון את המחרוזת 'סה"כ: 10.7 אירו'.

טוען עורך...
הצג רמז

בתוך ${...} אתה יכול לשים כל ביטוי, כולל p1 + p2.

הפתרון זמין לאחר 3 ניסיונות