【TypeScript】テンプレートリテラル メモ

テンプレートリテラルとは？？

テンプレートリテラルは、ダブルクォートやシングルクォートの代わりにバッククォート `` で囲んで一つの文字列とする
参考:https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Template_literals

使ってみる

const word1 = '今日';
const word2 = '嬉しい';

//テンプレートリテラルを使わない場合
console.log(word1 + 'は' + word2 + 'ことがありました。');

//テンプレートリテラルを使った場合
console.log(`${word1}は${word2}ことがありました。`);

//出力値：今日は嬉しいことがありました。

変数と文字列を使って文章を出力する

• テンプレートリテラルを使わない場合
  ''や""で文字列を囲み、+で変数と足し合わせる

この方法は他の言語でもこのような書き方をするのでかなり一般的
（この書き方しか知りませんでした…　しかも結構面めんどくさい）

• テンプレートリテラルを使う場合
  ``を記述してその中に文字列も配列も記述する
  変数は${xxx}のようにxxxの中に記述する

このようにすることで、毎度+や''を記述しなくても出力することができるようになった
（RubyやPHP,Pythonなどでもテンプレートリテラルは使えるそう　Javaはない）

タグ付きテンプレートなるものもあるらしいがあまり使わなさそうなので↓
参考：https://zenn.dev/nekoniki/articles/bdf79a512e057ae72613

気づいたことなどあればまた記載します