Wie kann ich Variablen ohne Verkettung in Strings in JavaScript interpolieren?

Interpolieren von Variablen in Strings in JavaScript, Eliminierung von Verkettungen

In Programmiersprachen wie PHP Interpolieren von Variablen in Strings mit einer Syntax wie „$hello“ ist ein prägnanter und eleganter Ansatz. Aber können wir die gleiche Funktionalität in JavaScript erreichen, ohne auf Verkettung zurückzugreifen?

Wir stellen vor: Template Literals, eine in ES2015 (ES6) eingeführte Funktion, die JavaScript die Möglichkeit gibt, Ausdrücke in Zeichenfolgen einzubetten durch Backticks (`) anstelle von doppelten oder einfachen Anführungszeichen eingeschlossen.

Für die Variableninterpolation die Syntax ist:

`String text ${expression}`

Beispiel:

var a = 5;
var b = 10;
console.log(`Fifteen is ${a + b}.`);
// Output: "Fifteen is 15."

Dadurch wird nicht nur die Notwendigkeit einer Verkettung vermieden, sondern es werden auch mehrzeilige Zeichenfolgen berücksichtigt, ohne dass umständliche Escape-Techniken erforderlich sind , was die Vorlagenkonstruktion erheblich verbessert.

Browser Unterstützung:

Aufgrund der neueren Syntax werden Vorlagenliterale nicht allgemein unterstützt. Für eine große Reichweite sollten Sie in Erwägung ziehen, Ihren Code mit Babel/Webpack auf ES5 zu transpilieren.

Bonus:

IE8 bietet eine rudimentäre Form der String-Formatierung innerhalb von console.log:

console.log('%s is %d.', 'Fifteen', 15);
// Output: "Fifteen is 15."

Letztendlich bieten Template-Literale eine robuste und elegante Lösung für die variable Interpolation und den mehrzeiligen String-Aufbau in JavaScript.

Das obige ist der detaillierte Inhalt vonWie kann ich Variablen ohne Verkettung in Strings in JavaScript interpolieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!