Novým prvkom pridaným do ES6 je šablónový literál. Je to nový typ na vytváranie reťazcov v JavaScripte, ktorý pridáva niekoľko dôležitých nových funkcií, ako napríklad možnosť vytvárať viacriadkové reťazce a zahrnúť výraz do reťazca. Ako vývojár môžu všetky tieto funkcie zlepšiť vaše schopnosti manipulovať so strunami a umožňujú vám vytvárať dynamické struny.
Tento príspevok bude ilustrovať literály šablón a ako ich používať v JavaScripte.
Čo sú literály šablóny JavaScript (reťazce šablón)?
“ Doslovy šablóny “ sú bežne známe ako „ Reťazce šablón “. Sú obklopené zadným začiarknutím ( “ ) v porovnaní s úvodzovkami v reťazcoch. Jeho zástupné symboly sú označené znakom dolára „ $ “ a kučeravé zátvorky {} Páči sa mi to ' ${expression} ” je prijateľný v literáloch šablóny. Ak chcete použiť výraz, môžete ho vložiť do poľa „ ${expression} “ rámček vo vnútri začiarknutí.
Šablónový literál je vylepšená verzia štandardného reťazca JavaScript. Substitúcie výrazne rozlišujú medzi šablónovým literálom a obyčajným reťazcom. Premenné a výrazy môžete integrovať do reťazca pomocou náhrad. Tieto premenné a výrazy budú mať svoje hodnoty automaticky nahradené nástrojom JavaScript.
Syntax
Na deklarovanie jedného reťazca pomocou literálov šablóny použite nižšie uvedenú syntax:
` reťazcový text `
Pri viacerých riadkoch postupujte podľa uvedenej syntaxe:
` textový riadok reťazca 1
textový riadok reťazca
Ak chcete pridať výraz do spätných značiek, použije sa nasledujúca syntax:
Pozrite si nasledujúce príklady, aby ste lepšie pochopili uvedený koncept.
Príklad 1: Deklarujte reťazec s jedným riadkom pomocou literálov šablóny JavaScriptu
Zvyčajne je na vytvorenie reťazca potrebné použiť jednoduché alebo dvojité úvodzovky, ale v literáloch šablóny môžete vytvoriť reťazec takto:
konzola.log ( ` LinuxHint ` ) ;
Výstup ukazuje, že to funguje rovnako ako jednoduché vytváranie bodnutia pomocou jednoduchých alebo dvojitých úvodzoviek:
Príklad 2: Deklarujte viacriadkový reťazec pomocou literálov šablóny JavaScriptu
Normálne na tlač viacerých riadkov používame operátor zreťazenia (+) a na pridanie nového riadku je možné použiť (\n), čo môže často skomplikovať kód:
konzola.log ( „Vitajte v LinuxHint. \n ' + 'Najlepšia webová stránka na učenie sa zručností.' ) ;
Pri používaní šablónových literálov môžete začať nový riadok stlačením klávesu Enter na klávesnici v bloku backticks:
Najlepší web pre učebné zručnosti. ` ) ;
Výkon
Príklad 3: Reťazec so substitúciami výrazov
Tu najprv vytvoríme dve premenné “ X “ a „ Y “, s hodnotami „ dvadsať “ a „ pätnásť “, respektíve:
var x = dvadsať ;var y = pätnásť ;
Potom vytvorte premennú „ súčet “ pre pridanie „ X “ a „ Y “:
Ak chcete pridať dve čísla a zobraziť súčet týchto čísel na konzole, zvyčajne je potrebné zreťaziť reťazce a premenné v bežnom reťazcovom formáte, čo často vytvára neporiadok pri opakovanom používaní jednoduchých alebo dvojitých úvodzoviek s reťazcami a ich spájaní. navzájom a s premennými pomocou ( + ):
Zatiaľ čo pri použití literálov šablóny stačí zadať reťazce s premennými ako výraz vo vnútri „ ${} ” v bloku zadného začiarknutia:
Výkon
Zhromaždili sme všetky podstatné informácie týkajúce sa literálov šablóny.
Záver
“ Doslovy šablóny ', taktiež známy ako ' Reťazce šablón “ je vylepšená verzia štandardného reťazca JavaScript obklopeného začiarknutím ( “ ) v porovnaní s úvodzovkami v reťazcoch. Umožňuje vytváranie jednoriadkových a viacriadkových reťazcov bez použitia operátora zreťazenia a zahŕňa výraz v reťazci. Tento príspevok diskutoval o šablónových literatúrach v JavaScripte s vysvetlenými príkladmi.