Template-Strings in

Über Template-Strings

In JavaScript ermöglichen Template-Strings das Einbetten von Ausdrücken in Strings, was auch als Stringinterpolation bezeichnet wird. Diese Funktionalität erweitert die Möglichkeiten des eingebauten globalen Objekts String.

Du kannst Template-Strings in JavaScript erstellen, indem du den Text in Backticks einschließt. Sie erlauben nicht nur, dass der Text Zeilenumbrüche und andere Sonderzeichen enthält, sondern du kannst auch Variablen und andere Ausdrücke einbetten.

const num1 = 1;
const num2 = 2;

`Adding ${num1} and ${num2} gives ${num1 + num2}.`;
// => Adding 1 and 2 gives 3.

Im obigen Beispiel werden Backticks - (``) - verwendet, um einen Template-String darzustellen. Das ${...} ist der Platzhalter, der für die Substitution verwendet wird. Alle Nicht-String-Typen werden implizit in Strings umgewandelt. Dieses Thema wird im Konzept Typkonvertierung behandelt. Alle Arten von Ausdrücken können mit Template-Strings verwendet werden.

const track = 'JavaScript';

`This track on exercism.org is ${track.toUpperCase()}.`;
// => This track on exercism.org is JAVASCRIPT.

Wenn du Strings über mehrere Zeilen formatieren möchtest:

`This is an example of using template
strings to accomplish multiple
lines`;

Mit den verfügbaren Substitutionsmöglichkeiten kannst du auch Logik in den Prozess einbringen, um festzulegen, wie der Ausgabe-String aussehen soll. Eine Möglichkeit, diese Logik umzusetzen, ist die Verwendung des ternären Operators. Das bietet die gleiche bedingte if/else-Funktionalität in einem etwas anderen Format.

Um Logik in die Syntax von Template-Strings einzubringen:

const grade = 95;

`You have ${grade > 90 ? 'passed' : 'failed'} the exam.`;
// => You have passed the exam.