Letterali modello ES6 / ECMA6 – non funzionanti

Volevo provare a utilizzare i letterali del modello e non funziona: sta visualizzando i nomi delle variabili letterali, anziché i valori. Sto usando Chrome v50.0.2 (e jQuery).

Esempio:

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

Produzione:

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

I letterali dei modelli JavaScript richiedono apici inversi, non virgolette.

È necessario utilizzare i backtick (altrimenti noti come “accenti gravi” – che troverete accanto al tasto 1) – anziché le virgolette singole – per creare un modello letterale.

I backtick sono comuni in molti linguaggi di programmazione, ma potrebbero essere nuovi per gli sviluppatori JavaScript.

Esempio :

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

Uscita :

 VM626:1 categoryName: name categoryElements: element 

Vedi: Qual è l’uso del simbolo dell’antifetto (`) in JavaScript?

1.) aggiungi .jshitrc stesso livello di cartella con app.js e altri file

2.) inserisci questo all’interno del file appena creato {“esversion”: 6}

3.) non utilizzare mai la virgoletta singola “usa i backtick”