אלמנט חדש שנוסף ב-ES6 הוא התבנית המילולית. זהו סוג חדש ליצירת מחרוזות ב-JavaScript שמוסיף מספר תכונות חדשות וחשובות, כמו היכולת ליצור מחרוזות מרובות שורות ולכלול ביטוי במחרוזת. כמפתח, כל התכונות הללו יכולות לשפר את היכולות שלך לתפעל מחרוזות ולאפשר לך ליצור מחרוזות דינמיות.
פוסט זה ימחיש את מילות התבנית וכיצד להשתמש בהן ב-JavaScript.
מה הם מילוליות תבנית JavaScript (מחרוזות תבנית)?
' תבנית מילולית 'ידועים בדרך כלל כ' מחרוזות תבנית '. הם מוקפים ב-backtick ( ' ) תו, בהשוואה למרכאות במחרוזות. מצייני המיקום שלו מסומנים בסימן הדולר ' $ ”, ופלטה מתולתלת {} כמו ' ${expression} ' מקובל במילולי תבנית. אם אתה רוצה להשתמש בביטוי, אתה יכול לשים אותו ב' ${expression} ” תיבת בתוך ה-backticks.
תבנית מילולית היא גרסה משופרת של מחרוזת JavaScript סטנדרטית. תחליפים עושים הבחנה משמעותית בין תבנית מילולית למחרוזת רגילה. ניתן לשלב משתנים וביטויים במחרוזת באמצעות תחליפים. משתנים וביטויים אלה יוחלפו אוטומטית על ידי מנוע JavaScript.
תחביר
השתמש בתחביר שלהלן להכרזה על מחרוזת יחידה באמצעות מילות תבנית:
` טקסט מחרוזת `
עבור שורות מרובות, עקוב אחר התחביר הנתון:
` שורת טקסט של מחרוזת 1
שורת טקסט של מחרוזת
אם ברצונך להוסיף ביטוי בתוך ה-backticks, נעשה שימוש בתחביר הבא:
עיין בדוגמאות הבאות כדי לפתח הבנה טובה יותר של המושג המוצהר.
דוגמה 1: הכרזה על מחרוזת שורה אחת באמצעות מילות מפתח של תבנית JavaScript
בדרך כלל, כדי ליצור מחרוזת, יש צורך להשתמש במירכאות בודדות או כפולות, אך במילולי תבניות, אתה יכול ליצור מחרוזת באופן הבא:
console.log ( ` לינוקס רמז ` ) ;
הפלט מראה שזה עובד אותו הדבר בדיוק כמו יצירת העוקץ הפשוט בעזרת מרכאות בודדות או כפולות:
דוגמה 2: הכרזה על מחרוזת מרובת שורות באמצעות ליטרלים של תבנית JavaScript
בדרך כלל, להדפסת שורות מרובות, אנו משתמשים באופרטור השרשור (+) וכדי להוסיף שורה חדשה, ניתן להשתמש (\n), שלעתים קרובות יכול להפוך את הקוד למורכב:
console.log ( 'ברוכים הבאים ל-LinuxHint. \n ' + 'האתר הטוב ביותר ללימוד מיומנויות.' ) ;
בעוד לשימוש מילולי של תבניות, אתה יכול להתחיל שורה חדשה על ידי לחיצה על Enter מהמקלדת בגוש האחורי:
האתר הטוב ביותר ל מיומנויות למידה. ` ) ;
תְפוּקָה
דוגמה 3: מחרוזת עם החלפות ביטוי
כאן, ראשית ניצור שני משתנים ' איקס ' ו' י ', עם הערכים ' עשרים ' ו' חֲמֵשׁ עֶשׂרֵה ', בהתאמה:
var x = עשרים ;var y = חֲמֵשׁ עֶשׂרֵה ;
לאחר מכן, צור משתנה ' סְכוּם ' על הוספת ' איקס ' ו' י ”:
אם ברצונך להוסיף שני מספרים ולהציג את סכום המספרים הללו במסוף, בדרך כלל, יש צורך לשרשר את המחרוזות והמשתנים בפורמט מחרוזת רגילה, מה שיוצר לעתים קרובות בלגן להשתמש במירכאות בודדות או כפולות שוב ושוב עם המחרוזות ולהצטרף אליהן. זה עם זה ועם המשתנים באמצעות ( + ):
בעוד שבאמצעות מילולי התבנית, אתה רק צריך לציין את המחרוזות עם משתנים כביטוי בתוך ' ${} ' בגוש טיק:
תְפוּקָה
אספנו את כל המידע החיוני הקשור למילולי התבנית.
סיכום
' תבנית מילולית ', מוכר גם בשם ' מחרוזות תבנית ', היא גרסה משופרת של מחרוזת JavaScript סטנדרטית המוקפת ב-backtick ( ' ) תו, בהשוואה למרכאות במחרוזות. הוא מאפשר יצירת מחרוזות חד-שורות ומרובות שורות ללא שימוש באופרטור השרשור וכולל ביטוי במחרוזת. פוסט זה דן במילולי תבניות ב-JavaScript עם דוגמאות מוסברות.