ES6 / ECMA6テンプレートリテラル-動作していません

Question

テンプレートリテラル を使用してみましたが、機能していません。値ではなくリテラル変数名が表示されています。 Chrome v50.0.2（およびjQuery）を使用しています。

例：

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

出力：

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

Answer 1

JavaScripttemplate literalsには、まっすぐな引用符ではなく、逆引用符が必要です。

テンプレートリテラルを作成するには、一重引用符ではなく、バックティック（「キーアクセント」とも呼ばれます-1キーの隣にあります）を使用する必要があります。

バックティックは多くのプログラミング言語で一般的ですが、JavaScript開発者にとっては新しいものかもしれません。

例：

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

出力：

VM626:1 categoryName: name 
categoryElements: element

参照： JavaScriptのバックティックシンボル（ `）の使用法は？