Novi element dodan u ES6 je literal predloška. To je nova vrsta za stvaranje nizova u JavaScriptu koja dodaje nekoliko važnih novih značajki, kao što je mogućnost stvaranja nizova s više redaka i uključivanje izraza u niz. Kao programeru, sve te značajke mogu poboljšati vaše sposobnosti za manipuliranje nizovima i omogućiti vam stvaranje dinamičkih nizova.
Ovaj će post ilustrirati literale predložaka i kako ih koristiti u JavaScriptu.
Što su literali predloška JavaScripta (nizovi predloška)?
“ Literali predloška ” poznati su kao “ Nizovi predložaka ”. Okruženi su kvačicom ( “ ), u usporedbi s navodnicima u nizovima. Njegova rezervirana mjesta označena su znakom dolara ' $ “, i vitičaste zagrade {} Kao ' ${expression} ” je prihvatljiv u literalima predloška. Ako želite koristiti izraz, možete ga staviti u ' ${expression} ” okvir unutar kvačica.
Literal predloška je poboljšana verzija standardnog JavaScript niza. Zamjene čine značajnu razliku između doslovnog predloška i običnog niza. Varijable i izraze možete integrirati u niz pomoću zamjena. Ove varijable i izrazi automatski će zamijeniti vrijednosti JavaScript mehanizma.
Sintaksa
Upotrijebite donju sintaksu za deklariranje jednog niza pomoću literala predloška:
` niz teksta `
Za više redaka slijedite zadanu sintaksu:
` red teksta niza 1
red teksta niza
Ako želite dodati izraz unutar povratnih kvačica, koristi se sljedeća sintaksa:
Pogledajte sljedeće primjere kako biste bolje razumjeli navedeni koncept.
Primjer 1: Deklarirajte jednoredni niz pomoću literala JavaScript predloška
Obično je za stvaranje niza potrebno koristiti jednostruke ili dvostruke navodnike, ali u literalima predložaka možete stvoriti niz na sljedeći način:
konzola.log ( ` LinuxHint ` ) ;
Izlaz pokazuje da radi isto kao i jednostavno stvaranje uboda uz pomoć jednostrukih ili dvostrukih navodnika:
Primjer 2: Deklarirajte višeredni niz pomoću literala JavaScript predloška
Obično, za ispis više redaka, koristimo operator ulančavanja (+), a za dodavanje novog retka može se koristiti (\n), što često može učiniti kod složenim:
konzola.log ( 'Dobro došli u LinuxHint. \n ' + 'Najbolja web stranica za učenje vještina.' ) ;
Dok za korištenje literala predložaka, možete započeti novi redak pritiskom na enter na tipkovnici u bloku povratnih kvačica:
Najbolja web stranica za vještine učenja. ` ) ;
Izlaz
Primjer 3: String sa zamjenama izraza
Ovdje ćemo prvo stvoriti dvije varijable ' x ' i ' Y “, s vrijednostima „ dvadeset ' i ' petnaest “, odnosno:
var x = dvadeset ;prom. y = petnaest ;
Zatim kreirajte varijablu ' iznos ' za dodavanje ' x ' i ' Y ”:
Ako želite zbrojiti dva broja i prikazati zbroj tih brojeva na konzoli, obično je potrebno ulančati nizove i varijable u regularnom formatu niza što često stvara nered upotrebom jednostrukih ili dvostrukih navodnika više puta s nizovima i njihovim spajanjem međusobno i s varijablama koje koriste ( + ):
Dok, korištenjem literala predloška, trebate samo navesti nizove s varijablama kao izraz unutar ' ${} ” u bloku s povratnim natpisom:
Izlaz
Prikupili smo sve bitne informacije vezane uz literale predloška.
Zaključak
“ Literali predloška ', također poznat kao ' Nizovi predložaka ”, je poboljšana verzija standardnog JavaScript niza okruženog povratnom kvačicom ( “ ), u usporedbi s navodnicima u nizovima. Omogućuje stvaranje nizova s jednim i više redaka bez upotrebe operatora spajanja i uključuje izraz u nizu. Ovaj post raspravljao je o literalima predložaka u JavaScriptu s objašnjenim primjerima.