JavaScript -Vorlage Literale

Ein neues Element, das in ES6 hinzugefügt wurde, ist die Vorlage wörtlich. Es ist ein neuer Typ zum Erstellen von Zeichenfolgen in JavaScript, der mehrere wichtige neue Funktionen hinzufügt, z. Als Entwickler können alle diese Funktionen Ihre Fähigkeiten für die Manipulation von Zeichenfolgen verbessern und es Ihnen ermöglichen, dynamische Saiten zu erstellen.

In diesem Beitrag werden Template -Literale veranschaulicht und wie man sie in JavaScript verwendet.

Was sind JavaScript -Vorlagen -Literale (Vorlagenzeichenfolgen)?

“Vorlagenliterale"Sind allgemein als" bekannt "Vorlagenzeichenfolgen”. Sie sind von dem Backtick umgeben (“) Charakter im Vergleich zu Zitaten in Strings. Seine Platzhalter werden mit dem Dollar -Schild bezeichnet “$”, Und lockige Zahnspangen wie "$ Ausdruck”Ist in Vorlagen -Literalen akzeptabel. Wenn Sie einen Ausdruck verwenden möchten, können Sie ihn in die “einfügen“$ AusdruckBox im Backticks.

Eine Vorlageliteral ist eine verbesserte Version eines Standard -JavaScript -Zeichens. Substitutionen unterscheiden eine signifikante Unterscheidung zwischen einer Vorlage wörtlich und einer gewöhnlichen Saite. Sie können Variablen und Ausdrücke unter Verwendung von Substituten in eine Zeichenfolge integrieren. Diese Variablen und Ausdrücke werden ihre Werte automatisch durch die JavaScript -Engine ersetzt.

Syntax

Verwenden Sie die folgende Syntax, um eine einzelne Zeichenfolge mit Template -Literalen zu deklarieren:

"String Text"

Folgen Sie für mehrere Zeilen der angegebenen Syntax:

'String -Textzeile 1
String -Textzeile

Wenn Sie in den Backticks Ausdruck hinzufügen möchten, wird die folgende Syntax verwendet:

'String Text $ Ausdruck String Text' '

Schauen Sie sich die folgenden Beispiele an, um ein besseres Verständnis des angegebenen Konzepts zu entwickeln.

Beispiel 1: Deklarieren Sie eine einzelne Zeilenzeichenfolge mithilfe von Literalen von JavaScript -Vorlagen

Um eine Zeichenfolge zu erstellen, muss normalerweise eine einzelne oder doppelte Zitate verwendet werden. In Vorlagenliteralen können Sie jedoch wie folgt eine Zeichenfolge erstellen:

Konsole.log ('LinuxHint');

Die Ausgabe zeigt, dass es genauso funktioniert wie das einfache Erstellen von Sting mit Hilfe einzelner oder doppelter Zitate:

Beispiel 2: Deklary Multi-Line-Zeichenfolge mithilfe von Literalen von JavaScript-Vorlagen deklarieren

Normalerweise verwenden wir zum Drucken mehrerer Zeilen den Verkettungsoperator (+) und können eine neue Zeile hinzufügen, (\ n) können verwendet werden, die häufig den Codekomplex erstellen kann:

Konsole.Protokoll ("Willkommen im LinuxHint.\ n " +" Die beste Website für Lernfähigkeiten.");

Bei der Verwendung von Vorlagenliteralen können Sie eine neue Zeile starten, indem Sie die Eingabetaste von der Tastatur im Back Ticks -Block drücken:

Konsole.Protokoll ('Willkommen im LinuxHint.
Die beste Website für Lernfähigkeiten.');

Ausgang

Beispiel 3: String mit Ausdrucksubstitutionen

Hier erstellen wir zuerst zwei Variablen “X" Und "y"Mit den Werten"20" Und "15", bzw:

var x = 20;
var y = 15;

Erstellen Sie dann eine Variable “Summe"Zum Hinzufügen der"X" Und "y”:

var sum = x + y;

Wenn Sie zwei Zahlen hinzufügen und die Summe dieser Zahlen auf der Konsole anzeigen möchten, muss normalerweise die Zeichenfolgen und Variablen im regulären String -Format verkettet werden, wodurch häufig ein Chaos für einzelne oder doppelte Zitate mit den Saiten verwendet werden und sie verbinden miteinander und mit den Variablen verwenden ((+):

Konsole.log ("Summe von x" + x + "und" + y + "ist" + sum);

Während Sie die Vorlagenliterale verwenden, müssen Sie die Zeichenfolgen nur mit Variablen als Ausdruck innerhalb der “angeben$ ”Im Backtick -Block:

Konsole.log ('sum von x $ x und y $ y ist $ sum');

Ausgang

Wir haben alle wesentlichen Informationen zu den Vorlagenliteralen gesammelt.

Abschluss

“Vorlagenliterale", auch bekannt als "Vorlagenzeichenfolgen”, Ist eine verbesserte Version einer Standard -JavaScript -Zeichenfolge, die vom Backtick umgeben ist (“) Charakter im Vergleich zu Zitaten in Strings. Es ermöglicht die Erstellung von Einzellinien- und Multi-Line. In diesem Beitrag wurden Template -Literale in JavaScript mit erklärten Beispielen erörtert.