Template-Literale wie ‘some ${string}’ oder ‘some ${string}’ funktionieren nicht

Lesezeit: 3 Minuten

Benutzeravatar von Ron I
Ron I

Ich wollte versuchen, zu verwenden Template-Literale und es funktioniert nicht: Es zeigt die wörtlichen Variablennamen anstelle der Werte an. Ich verwende Chrome v50.0.2 (und jQuery).

Beispiel

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

Ausgabe

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

  • Verwenden Sie Grave-Akzente ` und keine einfachen Anführungszeichen ' oder doppelte Anführungszeichen ".

    – Soubhik Mondal

    16. Mai 2016 um 2:04 Uhr


Benutzeravatar von Tim Grant
Tim Grant

JavaScript Template-Literale erfordern Backticks, keine geraden Anführungszeichen.

Sie müssen Backticks verwenden (auch bekannt als “grave Akzente” – die Sie neben der 1-Taste finden wenn Sie eine QWERTZ-Tastatur verwenden) – anstelle von einfachen Anführungszeichen -, um ein Vorlagenliteral zu erstellen.

Backticks sind in vielen Programmiersprachen üblich, können aber für JavaScript-Entwickler neu sein.

Beispiel:

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

Ausgabe:

VM626:1 categoryName: name 
categoryElements: element

Sehen:

Verwendung des Backtick-Zeichens (`) in JavaScript

  • Wow, du glaubst nicht, wie lange ich gebraucht habe, um das zu finden. Es ist unglaublich nicht offensichtlich, dass dies das Problem war, insbesondere wenn der Backtick verwendet wird, um Codesegmente in Markdown und dergleichen zu ERSTELLEN. Es ist wirklich einfach, nur zu denken, dass das hintere Häkchen eine Codemarkierung war, und es dann gedanklich in ein einzelnes Häkchen zu übersetzen. Danke, vielen Dank.

    – Andrew T. Finnell

    17. November 2016 um 17:14 Uhr

  • “Wenn Sie eine QWERTZ-Tastatur verwenden” … mit einem US-Layout. Einige QWERTY-Layouts (z. B. QWERTY JIS) platzieren den Backtick dort nicht.

    – Amadan

    20. Mai 2022 um 13:15 Uhr

Benutzeravatar von ilyas
Ilyas

Es gibt drei Anführungszeichen, aber es funktioniert nur ein Eingang, den wir als TEMPLATE LITERALS verwenden können:

  1. " " (e Taste auf der Tastatur) funktioniert nicht:
console.log("Server is running on port: ${PORT}")
  1. ' ' (Schicht + 2 Taste auf der Tastatur) funktioniert nicht:
console.log('Server is running on port: ${PORT}')
  1. ` ` (Alt + Nummer96 Taste auf der Tastatur) funktioniert:
console.log(`Server is running on port: ${PORT}`)

Screenshot von console.log (Server läuft auf Port: ${PORT})

  • Seien Sie vorsichtig, es gibt viele verschiedene Tastaturlayouts! Das britische QWERTZ-Layout hat " als shift + 2 mit beiden ' und ` mit eigenen Schlüsseln, wo kein Modifikator benötigt wird.

    – phuzi

    20. Mai 2022 um 13:14 Uhr


Benutzeravatar von jama.bushra
jama.bushra

Es funktioniert nur, wenn Sie Backticks verwenden, also auf meinem Mac Pro ` die sich über der Tabulatortaste befindet.

Wenn Sie einfache oder doppelte Anführungszeichen verwenden, funktioniert es nicht!

Benutzeravatar von sunilsingh
sunilsingh

// Example
var person = {
  name: "Meera",
  hello: function(things) {
    console.log(`${this.name} Says hello ${things}`);
  }
}

// Calling function hello
person.hello("World");

//Meera Says hello World

Ich konnte nicht die gewünschte Ausgabe erhalten. Ich habe einfache Anführungszeichen verwendet ' was falsch war und es wurde dieselbe Nachricht gedruckt.

Backticks ist unten ~ in deiner Tastatur. Verwenden shift+~ Backticks zu bekommen

Ich hoffe es hilft.

Vorlagenliteral Verwenden Sie kein doppeltes/einfaches Anführungszeichen, sondern Backtick

const test="Test"
console.log(`test: ${test}`)

Weitere Informationen finden Sie im Mdn-Dokument https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

Benutzeravatar von Aljohn Yamaro
Al John Yamaro

1.) fügen Sie .jshitrc auf derselben Ordnerebene wie Ihre app.js und andere Dateien hinzu

2.) Fügen Sie dies in die neu erstellte Datei { “esversion”: 6 }

3.) Verwenden Sie niemals einfache Anführungszeichen ‘verwenden Sie Backticks’

  • Wie hängt diese Antwort mit der Frage zusammen?

    – Edric

    12. März 2021 um 6:14 Uhr

1438870cookie-checkTemplate-Literale wie ‘some ${string}’ oder ‘some ${string}’ funktionieren nicht

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy