template string

אם עד היום בכדי לשרשר מחרוזת נאלצת לשפשף את המקשים " ו + במקלדת , אז הפוסט הזה הוא בשבילך .

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 .

שעליו אפרט בפוסט הבא שלי.

אשמח לקבל הארות והערות .