Een nieuw element dat in ES6 is toegevoegd, is de letterlijke sjabloon. Het is een nieuw type voor het maken van tekenreeksen in JavaScript dat een aantal belangrijke nieuwe functies toevoegt, zoals de mogelijkheid om tekenreeksen met meerdere regels te maken en een uitdrukking in een tekenreeks op te nemen. Als ontwikkelaar kunnen al deze functies uw mogelijkheden voor het manipuleren van snaren verbeteren en u in staat stellen dynamische snaren te creëren.
Dit bericht illustreert letterlijke sjablonen en hoe u ze in JavaScript kunt gebruiken.
Wat zijn JavaScript Template Literals (Template Strings)?
“ Sjabloonletters ” zijn algemeen bekend als “ Sjabloonreeksen ”. Ze zijn omgeven door de backtick ( “ ) teken, in vergelijking met aanhalingstekens in strings. De tijdelijke aanduidingen worden aangegeven met het dollarteken ' $ ”, en accolades {} Leuk vinden ' ${uitdrukking} ” is acceptabel in sjabloonletters. Als u een uitdrukking wilt gebruiken, kunt u deze in de ' ${uitdrukking} ” vak binnen de backticks.
Een letterlijke sjabloon is een verbeterde versie van een standaard JavaScript-tekenreeks. Substituties maken een belangrijk onderscheid tussen een letterlijke sjabloon en een gewone tekenreeks. U kunt variabelen en uitdrukkingen in een tekenreeks integreren met behulp van substituten. De waarden van deze variabelen en uitdrukkingen worden automatisch vervangen door de JavaScript-engine.
Syntaxis
Gebruik de onderstaande syntaxis voor het declareren van een enkele tekenreeks met behulp van sjabloonliteralen:
` string tekst `
Volg voor meerdere regels de gegeven syntaxis:
` tekenreeks tekstregel 1
tekenreeks tekstregel
Als u een uitdrukking binnen de backticks wilt toevoegen, wordt de volgende syntaxis gebruikt:
Bekijk de volgende voorbeelden om het genoemde concept beter te begrijpen.
Voorbeeld 1: Declareer een enkele regelreeks met behulp van JavaScript-sjabloonletters
Om een tekenreeks te maken, is het gewoonlijk vereist om enkele of dubbele aanhalingstekens te gebruiken, maar in letterlijke sjablonen kunt u als volgt een tekenreeks maken:
console.log ( ` LinuxHint ` ) ;
De uitvoer laat zien dat het hetzelfde werkt, net als de eenvoudige creatie met behulp van enkele of dubbele aanhalingstekens:
Voorbeeld 2: Declareer een reeks met meerdere regels met behulp van JavaScript-sjabloonletters
Normaal gesproken gebruiken we voor het afdrukken van meerdere regels de aaneenschakelingsoperator (+) en om een nieuwe regel toe te voegen, kan (\n) worden gebruikt, wat de code vaak complex kan maken:
console.log ( 'Welkom bij de LinuxHint. \n ' + 'De beste website voor het leren van vaardigheden.' ) ;
Terwijl je voor het gebruik van sjabloonletters een nieuwe regel kunt beginnen door op enter te drukken vanaf het toetsenbord in het backticks-blok:
De beste website voor leer vaardigheden. ` ) ;
Uitgang:
Voorbeeld 3: String met uitdrukkingsvervangingen
Hier zullen we eerst twee variabelen maken ' x ' en ' Y ”, met de waarden “ twintig ' en ' vijftien ”, respectievelijk:
var x = twintig ;var y = vijftien ;
Maak vervolgens een variabele ' som ” voor het toevoegen van de “ x ' en ' Y ”:
Als u twee getallen wilt toevoegen en de som van deze getallen op de console wilt weergeven, is het normaal gesproken vereist om de tekenreeksen en variabelen samen te voegen in een normaal tekenreeksformaat, wat vaak een puinhoop creëert om enkele of dubbele aanhalingstekens herhaaldelijk met de tekenreeksen te gebruiken en ze samen te voegen met elkaar en met de variabelen die ( + ):
Terwijl u, met behulp van de letterlijke templates, alleen de strings met variabelen hoeft te specificeren als een uitdrukking binnen de ' ${} ” in backtick-blok:
Uitgang:
We hebben alle essentiële informatie verzameld met betrekking tot de letterlijke templates.
Conclusie
“ Sjabloonletters ', ook gekend als ' Sjabloonreeksen ”, is een verbeterde versie van een standaard JavaScript-tekenreeks omringd door de backtick ( “ ) teken, in vergelijking met aanhalingstekens in strings. Het maakt het maken van enkelregelige en meerregelige tekenreeksen mogelijk zonder het gebruik van de aaneenschakelingsoperator en bevat een uitdrukking in een tekenreeks. Dit bericht heeft sjabloonletters in JavaScript besproken met uitgelegde voorbeelden.