JavaScript-Vorlagenliterale funktionieren nicht

Beim Versuch, JavaScript-Vorlagenliterale wie „some ${string}“ oder „some ${string}“ zu verwenden, können Probleme auftreten Hier werden die literalen Variablennamen anstelle ihrer Werte angezeigt. Dieses Problem ist nicht auf bestimmte Browserversionen oder Entwicklungsframeworks wie jQuery beschränkt.

Lösung: Verwendung von Backticks

Um dieses Problem zu beheben, ist es wichtig, Backticks (`) anstelle des herkömmlichen Singles zu verwenden oder doppelte Anführungszeichen. Backticks, allgemein als „Grabakzente“ bezeichnet, befinden sich auf Standard-QWERTZ-Tastaturen neben der Zifferntaste 1.

Beispiel:

// Incorrect approach
console.log('categoryName: ${this.categoryName}\ncategoryElements: ${this.categoryElements} ');

// Correct approach using backticks
console.log(`categoryName: ${this.categoryName}\ncategoryElements: ${this.categoryElements} `);

Durch die Verwendung von Backticks können Sie Vorlagenliterale korrekt aufrufen und die gewünschten Variablenwerte anzeigen.