テンプレートリテラル

これまで文字列や変数、定数の連結には「+」を用いていましたが、それ以外の方法として「テンプレートリテラル」という連結方法があります。
記述としては「`〇〇${定数or変数}〇〇`」のように記述することで、文字列の中に定数や変数を含めることができます。
このとき、文字列全体は「 ' (シングルクォーテーション)」ではなく「 ` (バッククォーテーション)」を用いる必要があります。

例

const name = 'Abe'
// 「+」を用いた場合
console.log('私の名前は' + name + 'です');
//テンプレートリテラルを用いた場合
console.log(`私の名前は${name}です`);

出力結果

私の名前はAbeです
私の名前はAbeです

上記のように、テンプレートリテラルを用いても、「+」を用いた時と同様の出力結果を出すことができました。