${} テンプレートリテラルとは

${}テンプレートリテラルとは

ECMAScript 6 で新しく使えるようになった構文のひとつで、変数や式を組み込むための記号。

通常、文字列の中に変数を入れようとすると

xxx.js

var foo = 'ート';
var bar = 'テンプレ' + foo + 'リテラル';

xxx.js

var foo = 'ート';
var bar = `テンプレ${foo}リテラル`;
console.log(bar); // テンプレートリテラル

+演算子 を使わずに文字列を繋げていくことができます。
${～} の中には、式であれば何でも入れることができます！