javascript: 文字列の連結 / テンプレートリテラル、ヒアドキュメント（${}）

基本

まず…下記のような文字列が変数に格納されている

let hoge = '丸ごとシマウマ';

従来の文字列の連結

console.log('食べる: ' + hoge);

テンプレートリテラルを使った文字列の連結

console.log(`食べる:${hoge}`);

• 「`（バッククォーテーション）」で囲む
• 変数は「${}（プレースホルダー）」で囲む
• 「${}（プレースホルダー）」には変数だけじゃなく関数なども記述可能

ヒアドキュメント

テンプレートリテラルはヒアドキュメントとも呼ばれるそうだ