Template Literals

Mit JavaScript kann man sogenannte Template Literals verwenden. Damit lassen sich folgende Konzepte umsetzen:

Multi-Line Strings
String Interpolation

Template Literal Syntax

Template Literals beginnen und enden mit einem Backtick `

Achtung: nicht zu verwechseln mit einem einfachen Anführungszeichen ’

Durch die Verwendung von template literals können wir Datenobjekte vom Typ String erzeugen.

let text = `This is a string`;

Multiline Strings

Ein normaler String (mit Anführungszeichen gekennzeichnet) muss in einer einzigen Zeile deklariert werden, oder durch den Verkettungsoperator + zusammengesetzt werden.

let text = "Das ist ein String";
let multi = "Das ist ein String" +
    "der mehrere Zeilen lang ist.";

Multiline Strings (2)

Durch die Verwendung von Template Literals kann ein String erzeugt werden, der über mehrere Zeilen geht.

Achtung: Zeilenumbrüche sind im String enthalten.

let multi = `Zeile 1
Zeile 2`;
let multi2 = "Zeile 1\nZeile 2";

console.log(multi == multi2); // -> true

String Interpolation

Oftmals müssen fixe Zeichenketten mit Daten verknüpft werden um eine sinnvolle Ausgabe zu erzeugen.

let name = "Maxi";
let age = 16;

let sentence =
    "Der Schüler " +
    name +
    " ist " +
    age +
    " Jahre alt.";

String Interpolation (2)

Mit der Hilfe von Template Literals kann in einem Zug ein String erstellt werden in dem Ausdrücke eingefügt werden. Ein Ausdruck wird so gekennzeichnet: ${Ausdruck}