Az ES6 új eleme a sablon literál. Ez a karakterláncok JavaScriptben való létrehozásának új típusa, amely számos fontos új funkciót ad hozzá, például lehetővé teszi többsoros karakterláncok létrehozását és kifejezések karakterláncba való belefoglalását. Fejlesztőként mindezek a funkciók javíthatják a karakterláncok kezelési képességeit, és lehetővé teszik dinamikus karakterláncok létrehozását.
Ez a bejegyzés bemutatja a sablonliterálokat és azt, hogyan kell használni őket JavaScriptben.
Mik azok a JavaScript-sablon-literálok (sablonkarakterláncok)?
' Sablon Literals ' közismert nevén ' Sablon karakterláncok ”. A hátsó kullancs veszi körül őket ( ' ) karaktert a karakterláncokban lévő idézőjelekhez képest. Helyőrzőit a dollárjel jelöli $ ”, és göndör fogszabályozó {} tetszik ' ${expression} ” sablon literálokban elfogadható. Ha kifejezést szeretne használni, beírhatja a ' ${expression} ” doboz a backticks belsejében.
A sablonliterál egy szabványos JavaScript-karakterlánc továbbfejlesztett változata. A helyettesítések jelentős különbséget tesznek a sablonliterál és a közönséges karakterlánc között. Változókat és kifejezéseket helyettesítőkkel integrálhat egy karakterláncba. Ezeknek a változóknak és kifejezéseknek az értékeit automatikusan lecseréli a JavaScript-motor.
Szintaxis
Használja az alábbi szintaxist egyetlen karakterlánc deklarálásához sablonliterálok használatával:
` karakterlánc szöveg `
Több sor esetén kövesse a megadott szintaxist:
` karakterlánc szövegsor 1
karakterlánc szövegsor
Ha kifejezést szeretne hozzáadni a backtick-ekhez, akkor a következő szintaxist használja:
Tekintse meg a következő példákat, hogy jobban megértse a megfogalmazott koncepciót.
1. példa: Egysoros karakterlánc deklarálása JavaScript-sablon-literálok használatával
Általában egy karakterlánc létrehozásához egyszeres vagy dupla idézőjeleket kell használni, de a sablon literálokban a következőképpen hozhat létre karakterláncot:
console.log ( ` LinuxHint ` ) ;
A kimenet azt mutatja, hogy ugyanúgy működik, mint az egyszerű, szimpla vagy dupla idézőjelek segítségével történő létrehozás:
2. példa: Többsoros karakterlánc deklarálása JavaScript-sablon-literálok használatával
Általában több soros nyomtatáshoz az összefűzési operátort (+) használjuk, új sor hozzáadásához pedig a (\n) használható, ami gyakran bonyolulttá teheti a kódot:
console.log ( 'Üdvözöljük a LinuxHintben. \n ' + 'A legjobb weboldal a készségek tanulásához.' ) ;
A sablonliterálok használatakor a backtick blokkban lévő billentyűzet enter billentyűjével új sort indíthat:
A legjobb weboldal számára tanulási készségek. ` ) ;
Kimenet
3. példa: Karakterlánc kifejezéshelyettesítésekkel
Itt először létrehozunk két változót ' x ” és „ Y '' értékekkel húsz ” és „ tizenöt ”, illetve:
var x = húsz ;var y = tizenöt ;
Ezután hozzon létre egy változót ' összeg ' a ' x ” és „ Y ”:
Ha két számot szeretne hozzáadni, és megjeleníteni ezek összegét a konzolon, akkor általában a karakterláncokat és a változókat normál karakterlánc-formátumban kell összefűzni, ami gyakran zavart okoz, ha többszörösen vagy dupla idézőjeleket kell használni a karakterláncokkal és összekapcsolni őket. egymással és a változókkal a ( + ):
Míg a sablon literálok használatával csak a változókat tartalmazó karakterláncokat kell megadnia kifejezésként a ' {} $ ” backtick blokkban:
Kimenet
Összegyűjtöttünk minden lényeges információt a sablonliterálokkal kapcsolatban.
Következtetés
' Sablon Literals ', más néven ' Sablon karakterláncok ”, egy szabványos JavaScript karakterlánc továbbfejlesztett változata, amelyet a backtick ( ' ) karaktert a karakterláncokban lévő idézőjelekhez képest. Lehetővé teszi egysoros és többsoros karakterláncok létrehozását az összefűzési operátor használata nélkül, és tartalmaz egy kifejezést egy karakterláncban. Ez a bejegyzés a JavaScript-sablon-literálokat tárgyalja, magyarázott példákkal.