JavaScript mal litteraler

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 multi-linjestrenger 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 mallitteraler og hvordan du bruker dem i JavaScript.

Hva er JavaScript Mal Literals (Template Strings)?

“Mal litteraler”Er ofte kjent som“Malstrenger”. De er omgitt av backtick (“) karakter, sammenlignet med sitater i strenger. Plassholderne er betegnet med dollartegnet “$”, Og krøllete seler som "$ uttrykk”Er akseptabelt i mallitteraler. Hvis du vil bruke et uttrykk, kan du legge det i "$ uttrykk”Boks inne i backticks.

En mal bokstavelig er en forbedret versjon av en standard JavaScript -streng. Substitusjoner gjør et betydelig skille mellom en malbegynner og en vanlig streng. Du kan integrere variabler og uttrykk i en streng ved hjelp av erstatninger. Disse variablene og uttrykkene vil ha verdiene deres automatisk erstattet av JavaScript -motoren.

Syntaks

Bruk syntaksen nedenfor for å deklarere en enkelt streng ved hjelp av mal litteraler:

'Strengtekst'

For flere linjer, følg den gitte syntaks:

'Strengtekstlinje 1
Strengtekstlinje

Hvis du vil legge til uttrykk i backticks, brukes følgende syntaks:

'String Text $ Expression String Text'

Sjekk ut følgende eksempler for å utvikle en bedre forståelse av det uttalte konseptet.

Eksempel 1: Erklær en enkelt linjestreng ved hjelp av JavaScript -mal litteraler

For å lage en streng er det vanligvis påkrevd å bruke en enkelt eller dobbelt sitater, men i mal litterale kan du opprette en streng som følger:

konsoll.Logg ('Linuxhint');

Utgangen viser at den fungerer den samme akkurat som den enkle å lage brodd ved hjelp av enkelt- eller dobbeltsitater:

Eksempel 2: DECLARE MULTI-LINE STRING Bruke JavaScript-mal litteraler

Normalt, for å skrive ut flere linjer, bruker vi sammenkoblingsoperatøren (+) og for å legge til en ny linje, kan (\ n) brukes, som ofte kan gjøre kodekomplekset:

konsoll.Logg ("Velkommen til Linuxhint.\ n " +" Det beste nettstedet for læringsferdigheter.");

Mens du bruker mal -bokstaver, kan du starte en ny linje ved å trykke Enter fra tastaturet i backticks -blokken:

konsoll.Logg ('Velkommen til Linuxhint.
Det beste nettstedet for læringsferdigheter.');

Produksjon

Eksempel 3: Streng med uttrykkssubstitusjoner

Her vil vi først lage to variabler “x”Og“y”, Med verdiene”20”Og“15”, Henholdsvis:

var x = 20;
var y = 15;

Opprett deretter en variabel "sum”For å legge til“x”Og“y”:

var sum = x + y;

Hvis du vil legge til to tall og vise summen av disse tallene på konsollen, er det normalt påkrevd å sammenkoble strengene og variablene i vanlig strengformat som ofte skaper et rot for å bruke enkelt- eller dobbelt sitater gjentatte ganger med strengene og bli med dem med hverandre og med variablene som bruker (+):

konsoll.Logg ("Summen av x" + x + "og" + y + "er" + sum);

Mens du bruker mal -bokstavene, trenger du bare å spesifisere strengene med variabler som et uttrykk i "$ ”I backtick Block:

konsoll.log ('sum av x $ x og y $ y er $ sum');

Produksjon

Vi har samlet all den essensielle informasjonen relatert til malens bokstaver.

Konklusjon

“Mal litteraler", også kjent som "Malstrenger”, Er en forbedret versjon av en standard JavaScript -streng omgitt av backtick (“) karakter, sammenlignet med sitater i strenger. Det tillater å opprette enkeltlinje- og flerlinjestrenger uten bruk av sammenkoblingsoperatøren og inkluderer et uttrykk i en streng. Dette innlegget har diskutert mallitteraler i JavaScript med forklarte eksempler.