Et nyt element tilføjet i ES6 er skabelonen literal. Det er en ny type til oprettelse af strenge i JavaScript, der tilføjer flere vigtige nye funktioner, såsom muligheden for at oprette multi-line strenge og inkludere et udtryk i en streng. Som udvikler kan alle disse funktioner forbedre dine evner til at manipulere strenge og give dig mulighed for at skabe dynamiske strenge.
Dette indlæg vil illustrere bogstaver i skabeloner og hvordan man bruger dem i JavaScript.
Hvad er JavaScript-skabelonliterals (skabelonstrenge)?
“ Skabelon bogstaver ' er almindeligt kendt som ' Skabelonstrenge ”. De er omgivet af backtick ( “ )-tegn sammenlignet med anførselstegn i strenge. Dens pladsholdere er angivet med dollartegnet ' $ ”, og krøllede seler {} synes godt om ' ${expression} ” er acceptabelt i skabelonbogstaver. Hvis du vil bruge et udtryk, kan du sætte det i ' ${expression} ” boksen inde i backticks.
En skabelon literal er en forbedret version af en standard JavaScript-streng. Substitutioner skelner væsentligt mellem en skabelon bogstavelig og en almindelig streng. Du kan integrere variabler og udtryk i en streng ved hjælp af erstatninger. Disse variabler og udtryk vil automatisk få deres værdier erstattet af JavaScript-motoren.
Syntaks
Brug nedenstående syntaks til at erklære en enkelt streng ved hjælp af skabelonliterals:
` strengtekst `
For flere linjer, følg den givne syntaks:
` streng tekstlinje 1
streng tekstlinje
Hvis du vil tilføje udtryk inde i backticks, bruges følgende syntaks:
Tjek følgende eksempler for at udvikle en bedre forståelse af det angivne koncept.
Eksempel 1: Erklære en enkelt linjestreng ved hjælp af JavaScript-skabelonliterals
Normalt, for at oprette en streng, er det påkrævet at bruge et enkelt eller dobbelt anførselstegn, men i skabelonbogstaver kan du oprette en streng som følger:
console.log ( ` LinuxTip ` ) ;
Outputtet viser, at det fungerer på samme måde, ligesom det enkle at skabe brod ved hjælp af enkelte eller dobbelte anførselstegn:
Eksempel 2: Erklærer en streng med flere linjer ved hjælp af bogstaver i JavaScript-skabelonen
Normalt, til udskrivning af flere linjer, bruger vi sammenkædningsoperatoren (+) og for at tilføje en ny linje kan (\n) bruges, hvilket ofte kan gøre koden kompleks:
console.log ( 'Velkommen til LinuxHint. \n ' + 'Den bedste hjemmeside til at lære færdigheder.' ) ;
Mens for at bruge skabelonliterals, kan du starte en ny linje ved at trykke på enter fra tastaturet i backticks-blokken:
Den bedste hjemmeside til læringsfærdigheder. ` ) ;
Produktion
Eksempel 3: Streng med udtrykssubstitutioner
Her vil vi først oprette to variable ' x ' og ' Y ', med værdierne ' tyve ' og ' femten ', henholdsvis:
var x = tyve ;var y = femten ;
Opret derefter en variabel ' sum ' for at tilføje ' x ' og ' Y ”:
Hvis du vil tilføje to tal og vise summen af disse tal på konsollen, er det normalt nødvendigt at sammenkæde strengene og variablerne i almindeligt strengformat, hvilket ofte skaber et rod at bruge enkelte eller dobbelte anførselstegn gentagne gange med strengene og forbinde dem med hinanden og med variablerne ved hjælp af ( + ):
Mens du bruger skabelonens bogstaver, behøver du kun at angive strengene med variabler som et udtryk inde i ' ${} ” i backtick-blok:
Produktion
Vi har samlet al den væsentlige information relateret til skabelonens bogstaver.
Konklusion
“ Skabelon bogstaver ', også kendt som ' Skabelonstrenge ”, er en forbedret version af en standard JavaScript-streng omgivet af backtick ( “ )-tegn sammenlignet med anførselstegn i strenge. Det tillader oprettelse af enkeltlinje- og multilinjestrenge uden brug af sammenkædningsoperatoren og inkluderer et udtryk i en streng. Dette indlæg har diskuteret skabelonbogstaver i JavaScript med forklarede eksempler.