JavaScript ES6 Template Strings

Mit ES6/ES2015 ist es nun möglich Strings mit Variablen zu definieren. Die Variablen müssen nu nicht mehr mit dem + an den richtigen Stellen in den String gekettet werden, wobei das + in JavaScript auch kein eindeutiger Verkettungsoperator wie . in PHP ist, sondern auch das arithmetische Plus.

Mit den ES6 Templates in JavaScript kann man definierte Variablen durch ihren Namen mit folgender Syntax verwenden: ${variablenName}.

Beispiel:

var name = 'Jonathan';
console.log(`Guten Morgen, ${name}!`);
// output: Guten Morgen, Jonathan!

Wenn der auszugebende String nicht in Backticks (`) ist, wird der Platzhalter nicht ausgetauscht:

var name = 'Jonathan';
console.log('Guten Morgen, ${name}!');
// output: Guten Morgen, ${name}!

Diese Methode um Platzhalter in Strings zu ersetzen wird meist string interpolation genannt und ist mit ES6/ES2015 auch in JavaScript möglich.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.