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}
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?
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"