אם עד היום בכדי לשרשר מחרוזת נאלצת לשפשף את המקשים " ו + במקלדת , אז הפוסט הזה הוא בשבילך .
template stringזו הדרך הפשוטה והנוחה לשרשר מחרוזות ולהשאיר את הקוד שלך קריא ברור ומסודר.
ע"י שימוש ב` (נמצא משמאל למקש "1") ניתן ליצור מחרוזות ולשרשר לתוכן קוד כאשר את קטע הקוד מקיפים ב{}$ .
לדוגמא:
let name = 'Sara';
console.log('hello ' + name);
//template string
console.log(`hello ${name}`);
//hello Sara
בצורה כזאת ניתן גם לשרשר פקודות :
let array = ['Sara' , 'Rivka' , 'Rachel' , 'Leha'];
//string
console.log('hello' , array.find(a=> a == 'Rivka'));
//template string
console.log(`hello ${array.find(a=> a == 'Rivka')}`);
//hello Rivka
יתרונות נוספים של template string (לא נתמך תמיד)
ירידת שורה - אם תמיד היית צריכה לשרשר "n\" עם template string את פשוט יורדת שורה .
לדוגמא:
//string
console.log('hello world!\n I'm a jewish');
//template string
console.log(`hello world!
I am a jewish`);
//hello world!
//I am a jewish
המימוש העיקרי של template string (לפחות אצלי) הוא ללא ספק בLit html .
שעליו אפרט בפוסט הבא שלי.
אשמח לקבל הארות והערות .