テンプレート文字列

概要

テンプレート文字列は、文字列の中で変数を展開する新しい記法。
以下より従来の文字列と変数の結合と、テンプレート文字列の記法を記載していきます。

従来の文字列と変数の結合方法

文字列と変数の結合のために + を使用します。

const name = "田中";
const age = 20;

const message = "私の名前は" + name "です。年齢は " + age + "歳です。";

console.log(messgge); //私の名前は田中です。年齢は20歳です。

テンプレート文字列

テンプレート文字列を使用する際は`(バッククォート)で文字列を囲みます。
${ }の中はJavaScriptで記述することが出来るので、文字列の中で変数を展開することが出来ます。

const name = "田中";
const age = 20;

const message = `私の名前は${ name }です。年齢は ${ age }歳です。`;

console.log(message); //私の名前は田中です。年齢は20歳です。