Warum zeigen meine JavaScript-Vorlagenliterale Variablennamen anstelle von Werten an?

Vorlagenliterale in JavaScript: Backticks erforderlich

Vorlagenliterale in JavaScript, gekennzeichnet durch ${}-Platzhalter innerhalb von Zeichenfolgen, bieten eine praktische Möglichkeit dazu Ausdrücke einbetten. Allerdings kommt es häufig vor, dass Anzeigeprobleme bei Vorlagenliteralen auftreten, die einfache Anführungszeichen (') anstelle von Backticks (`) verwenden.

Problembeschreibung

Bei der Verwendung von einfachen Anführungszeichen Anstelle ihrer Werte werden die literalen Variablennamen gedruckt. Zum Beispiel:

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

Ausgabe:

${this.categoryName}
categoryElements: ${this.categoryElements}

Lösung

JavaScript-Vorlagenliterale erfordern Backticks, nicht gerade Anführungszeichen.

Backticks sind die Zeichen neben der Taste „1“. auf einer QWERTZ-Tastatur. Wenn Sie sie anstelle von einfachen Anführungszeichen verwenden, wird ein Vorlagenliteral erstellt, das dann ${}-Platzhalter zur Auswertung von Ausdrücken enthalten kann:

categoryName = "name";
categoryElements = "element";
console.log(`categoryName: ${this.categoryName}\ncategoryElements: ${categoryElements} `);

Ausgabe:

categoryName: name 
categoryElements: element

Zusätzliche Informationen

Backticks werden häufig in verschiedenen Programmiersprachen verwendet, können für JavaScript-Entwickler jedoch neu sein. Weitere Informationen finden Sie in der folgenden Ressource:

• [Verwendung des Backtick-Zeichens in JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/ template_literals)

Das obige ist der detaillierte Inhalt vonWarum zeigen meine JavaScript-Vorlagenliterale Variablennamen anstelle von Werten an?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!