wake-up-neo.net

ES6/ECMA6-Vorlagenliterale - funktioniert nicht

Ich wollte versuchen, template literals zu verwenden, und es funktioniert nicht: Es werden statt der Werte die Literalvariablen angezeigt Ich verwende Chrome v50.0.2 (und jQuery).

Beispiel:

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

Ausgabe:

${this.categoryName} 
categoryElements: ${this.categoryElements} 
25
Ron I

JavaScript Vorlagenliterale erfordert Backticks und keine geraden Anführungszeichen.

Sie müssen Backticks (auch bekannt als "gravierende Akzente" - die Sie neben der Taste 1 finden) anstelle von einfachen Anführungszeichen verwenden, um ein Vorlagenliteral zu erstellen.

Backticks sind in vielen Programmiersprachen üblich, können jedoch 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

Siehe: Wie wird das Backtick-Symbol (`) in JavaScript verwendet?

70
Tim Grant

1.) Fügen Sie .jshitrc dieselbe Ordnerebene mit Ihren app.js und anderen Dateien hinzu

2.) füge dies in die neu erstellte Datei {"esversion": 6} ein

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

0
Aljohn Yamaro