Et nytt element lagt til i ES6 er malen bokstavelig. Det er en ny type for å lage strenger i JavaScript som legger til flere viktige nye funksjoner, for eksempel muligheten til å lage flerlinjede strenger og inkludere et uttrykk i en streng. Som utvikler kan alle disse funksjonene forbedre dine evner til å manipulere strenger og la deg lage dynamiske strenger.
Dette innlegget vil illustrere bokstavmaler og hvordan du bruker dem i JavaScript.
Hva er JavaScript-mal-literals (malstrenger)?
' Malbokstaver ' er ofte kjent som ' Malstrenger '. De er omgitt av backtick ( ' )-tegn, sammenlignet med anførselstegn i strenger. Plassholderne er merket med dollartegnet ' $ ”, og krøllete seler {} som ' ${expression} ” er akseptabelt i malbokstaver. Hvis du vil bruke et uttrykk, kan du legge det inn i ' ${expression} ”-boksen inne i backticks.
En bokstavmal er en forbedret versjon av en standard JavaScript-streng. Substitusjoner gjør et betydelig skille mellom en mal bokstavelig og en vanlig streng. Du kan integrere variabler og uttrykk i en streng ved å bruke erstatninger. Disse variablene og uttrykkene vil få sine verdier automatisk erstattet av JavaScript-motoren.
Syntaks
Bruk syntaksen nedenfor for å deklarere en enkelt streng ved å bruke malliterals:
` strengtekst `
For flere linjer, følg den gitte syntaksen:
` streng tekstlinje 1
streng tekstlinje
Hvis du vil legge til uttrykk inne i backtickene, brukes følgende syntaks:
Sjekk ut følgende eksempler for å utvikle en bedre forståelse av det angitte konseptet.
Eksempel 1: Erklær en enkeltlinjestreng ved å bruke bokstaver i JavaScript-mal
Vanligvis, for å lage en streng, er det nødvendig å bruke et enkelt eller doble anførselstegn, men i bokstavmaler kan du lage en streng som følger:
console.log ( ` LinuxHint ` ) ;
Utdataene viser at det fungerer på samme måte, akkurat som det enkle å lage brodd ved hjelp av enkle eller doble anførselstegn:
Eksempel 2: Deklarer flerlinjet streng ved å bruke bokstaver i JavaScript-mal
Normalt, for å skrive ut flere linjer, bruker vi sammenkoblingsoperatoren (+) og for å legge til en ny linje kan (\n) brukes, som ofte kan gjøre koden kompleks:
console.log ( 'Velkommen til Linux-tipset. \n ' + 'Den beste nettsiden for å lære ferdigheter.' ) ;
Mens du bruker malbokstaver, kan du starte en ny linje ved å trykke enter fra tastaturet i backtick-blokken:
Den beste nettsiden til læringsferdigheter. ` ) ;
Produksjon
Eksempel 3: String med uttrykkserstatninger
Her vil vi først lage to variabler ' x ' og ' Y ', med verdiene ' tjue ' og ' femten ', henholdsvis:
var x = tjue ;var y = femten ;
Deretter oppretter du en variabel ' sum ' for å legge til ' x ' og ' Y ':
Hvis du vil legge til to tall og vise summen av disse tallene på konsollen, er det normalt nødvendig å sette sammen strengene og variablene i vanlig strengformat som ofte skaper et rot å bruke enkle eller doble anførselstegn gjentatte ganger med strengene og slå sammen dem. med hverandre og med variablene ved å bruke ( + ):
Mens du bruker malbokstavene, trenger du bare å spesifisere strengene med variabler som et uttrykk i ' ${} ' i backtick-blokk:
Produksjon
Vi har samlet all viktig informasjon knyttet til malbokstavene.
Konklusjon
' Malbokstaver ', også kjent som ' Malstrenger ”, er en forbedret versjon av en standard JavaScript-streng omgitt av backtick ( ' )-tegn, sammenlignet med anførselstegn i strenger. Den tillater opprettelse av enkeltlinje- og flerlinjestrenger uten bruk av sammenkoblingsoperatoren og inkluderer et uttrykk i en streng. Dette innlegget har diskutert bokstavmaler i JavaScript med forklarte eksempler.