Warum zeigen meine JavaScript-Vorlagenliterale keine dynamischen Werte an?

Vorlagenliterale zeigen keine dynamischen Werte an

Trotz der Verwendung von Vorlagenliteralen tritt ein Problem auf, bei dem stattdessen die Namen der Literalvariablen angezeigt werden ihre Werte. Um dieses Problem zu beheben, stellen Sie sicher, dass Sie Backticks (`) und keine Anführungszeichen verwenden, um Vorlagenliterale zu erstellen.

Backticks vs. Anführungszeichen

JavaScript-Vorlagenliterale, auch Vorlagenzeichenfolgen genannt, erfordern Backticks (`), um die Vorlage einzuschließen. Diese Backticks befinden sich neben der Taste 1 auf einer QWERTZ-Tastatur. Durch die Verwendung von einfachen Anführungszeichen (') oder doppelten Anführungszeichen (") wird nicht das gewünschte Vorlagenliteral erstellt.

Beispiel

Bedenken Sie Folgendes Beispiel:

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

Output

categoryName: name 
categoryElements: element

Mithilfe von Backticks() interpoliert das Vorlagenliteral die Variablen „categoryName“ und „categoryElements“ korrekt, was zu ihren jeweiligen führt Werte sind angezeigt.

Referenzen

• Verwendung des Backtick-Zeichens (`) in JavaScript

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