Modèles littéraux ES6/ECMA6 - ne fonctionne pas

Question

Je voulais essayer d’utiliser les littéraux de gabarit et cela ne fonctionne pas: il affiche les noms des variables littérales au lieu des valeurs. J'utilise Chrome v50.0.2 (et jQuery).

Exemple:

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

Sortie:

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

Answer 1

JavaScript modèles de lettres nécessitent des backticks et non des guillemets droits.

Vous devez utiliser des backticks (autrement appelés "accents graves" - que vous trouverez à côté de la touche 1) - plutôt que des guillemets simples - pour créer un modèle de modèle.

Les backticks sont courants dans de nombreux langages de programmation, mais peuvent être nouveaux pour les développeurs JavaScript.

Exemple:

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

Sortie:

VM626:1 categoryName: name 
categoryElements: element

Voir: Quelle est l’utilisation du symbole backtick (`) en JavaScript?

Answer 2

1.) Ajoutez .jshitrc même niveau de dossier avec votre application

2.) mettez ceci dans le fichier nouvellement créé {"esversion": 6}

3.) n'utilisez jamais de guillemets simples