JavaScript タグ付きテンプレートリテラル

関数呼び出しに使用するケース

• 関数名this is a {$sample}`みたいなことができる.
• 関数側の引数は、1つめの変数に文字列がセットされる.

let person = 'Mike';
let age = 28;

function myTag(strings, personExp, ageExp) {
  let str0 = strings[0];
  let str1 = strings[1];
  let str2 = strings[2];

  console.log(str0);  // "That "
  console.log(str1);  // " is "
  console.log(str2); // " year old."

  // テンプレートリテラルを用いて組み立てた文字列を返すこともできます
  return `${str0}${personExp}${str1}${ageExp}${str2}`;
}

let output = myTag`That ${ person } is ${ age } year old.`;

console.log(output);
// That Mike is 28 year old.

developer.mozilla.org