Ein neues Element, das in ES6 hinzugefügt wurde, ist das Vorlagenliteral. Es ist ein neuer Typ zum Erstellen von Zeichenfolgen in JavaScript, der mehrere wichtige neue Funktionen hinzufügt, z. B. die Möglichkeit, mehrzeilige Zeichenfolgen zu erstellen und einen Ausdruck in eine Zeichenfolge aufzunehmen. Als Entwickler können all diese Funktionen Ihre Fähigkeiten zur Manipulation von Zeichenfolgen verbessern und Ihnen ermöglichen, dynamische Zeichenfolgen zu erstellen.
Dieser Beitrag veranschaulicht Template-Literale und wie man sie in JavaScript verwendet.
Was sind JavaScript-Template-Literale (Template-Strings)?
„ Vorlagenliterale “ sind allgemein bekannt als „ Vorlagenzeichenfolgen “. Sie sind umgeben von dem Backtick ( „ ) Zeichen im Vergleich zu Anführungszeichen in Zeichenfolgen. Seine Platzhalter sind mit dem Dollarzeichen „ $ “ und geschweiften Klammern {} wie ' ${Ausdruck} ” ist in Template-Literalen akzeptabel. Wenn Sie einen Ausdruck verwenden möchten, können Sie ihn in das „ ${Ausdruck} ”-Kästchen innerhalb der Backticks.
Ein Vorlagenliteral ist eine verbesserte Version einer Standard-JavaScript-Zeichenfolge. Substitutionen machen einen signifikanten Unterschied zwischen einem Template-Literal und einem gewöhnlichen String. Variablen und Ausdrücke können Sie mit Substituten in einen String integrieren. Die Werte dieser Variablen und Ausdrücke werden automatisch von der JavaScript-Engine ersetzt.
Syntax
Verwenden Sie die folgende Syntax zum Deklarieren einer einzelnen Zeichenfolge mithilfe von Vorlagenliteralen:
` Zeichenfolgentext `
Befolgen Sie für mehrere Zeilen die angegebene Syntax:
` Zeichenfolge Textzeile 1
Zeichenfolge Textzeile
Wenn Sie einen Ausdruck innerhalb der Backticks hinzufügen möchten, wird die folgende Syntax verwendet:
Schauen Sie sich die folgenden Beispiele an, um ein besseres Verständnis des genannten Konzepts zu entwickeln.
Beispiel 1: Deklarieren Sie eine einzeilige Zeichenfolge mithilfe von JavaScript-Vorlagenliteralen
Normalerweise ist es zum Erstellen einer Zeichenfolge erforderlich, einfache oder doppelte Anführungszeichen zu verwenden, aber in Vorlagenliteralen können Sie eine Zeichenfolge wie folgt erstellen:
Konsole.log ( ` LinuxHinweis ` ) ;
Die Ausgabe zeigt, dass es genauso funktioniert wie das einfache Erstellen von Stich mit Hilfe von einfachen oder doppelten Anführungszeichen:
Beispiel 2: Deklarieren Sie eine mehrzeilige Zeichenfolge mithilfe von JavaScript-Vorlagenliteralen
Normalerweise verwenden wir zum Drucken mehrerer Zeilen den Verkettungsoperator (+) und zum Hinzufügen einer neuen Zeile kann (\n) verwendet werden, was den Code oft komplex machen kann:
Konsole.log ( 'Willkommen beim LinuxHint. \n ' + 'Die beste Website zum Erlernen von Fähigkeiten.' ) ;
Für die Verwendung von Vorlagenliteralen können Sie eine neue Zeile beginnen, indem Sie die Eingabetaste auf der Tastatur im Backticks-Block drücken:
Die beste Webseite zum Lernfähigkeiten. ` ) ;
Ausgabe
Beispiel 3: Zeichenfolge mit Ausdrucksersetzungen
Hier erstellen wir zuerst zwei Variablen „ x ' und ' Y “, mit den Werten „ zwanzig ' und ' fünfzehn ', beziehungsweise:
var x = zwanzig ;var y = fünfzehn ;
Erstellen Sie dann eine Variable „ Summe “ zum Hinzufügen des „ x ' und ' Y “:
Wenn Sie zwei Zahlen addieren und die Summe dieser Zahlen auf der Konsole anzeigen möchten, müssen Sie normalerweise die Zeichenfolgen und Variablen im regulären Zeichenfolgenformat verketten, was häufig zu einem Durcheinander führt, wenn Sie wiederholt einfache oder doppelte Anführungszeichen mit den Zeichenfolgen verwenden und sie verbinden miteinander und mit den Variablen mit ( + ):
Während Sie bei Verwendung der Template-Literale nur die Zeichenfolgen mit Variablen als Ausdruck innerhalb der „ ${} ” im Backtick-Block:
Ausgabe
Wir haben alle wesentlichen Informationen zu den Vorlagenliteralen zusammengestellt.
Fazit
„ Vorlagenliterale ', auch bekannt als ' Vorlagenzeichenfolgen “, ist eine verbesserte Version einer Standard-JavaScript-Zeichenfolge, die von einem Backtick ( „ ) Zeichen im Vergleich zu Anführungszeichen in Zeichenfolgen. Es ermöglicht die Erstellung von einzeiligen und mehrzeiligen Zeichenfolgen ohne Verwendung des Verkettungsoperators und fügt einen Ausdruck in eine Zeichenfolge ein. Dieser Beitrag hat Template-Literale in JavaScript mit erklärten Beispielen besprochen.