アウトプットを頑張る

初めてのプログラミング学習期間中の記録と、日頃読んでいる本をメモのアウトプットをがんばります。

【プログラミング学習】JavaScriptの基本的な文法

■プログラミング学習

f:id:yuma6128:20210829071916j:plain

◎文字列の中に変数を含める方法

前回の内容で、変数の定義、「let」「const」「var」についてまとめました。
次は変数に値を定義する際に、文字列の中に変数を含める方法になります。
1.+ を用いてそれぞれの値を連結させる

2.テンプレートリテラル

◎テンプレートリテラル

JavaScriptの構文で、バッククォート(shift + @ )で囲むことで、文字列内に挿入することができます。

テンプレートリテラルを使用すると以下が可能になります。

・文字列の中に変数を埋め込むことができる

・改行をいれることができる

・HTMLの要素を作成するこができる

 

テンプレートリテラルを使用した場合と、していない場合を見比べると以下のようになります。

使用していない場合

f:id:yuma6128:20211229074010p:plain


使用している場合

f:id:yuma6128:20211229074232p:plain

テンプレートリテラルを使用することで、記述量が少なくなっています。
開発現場では、記述料の大小がプロダクトの質に大きな差を生むことになるため、
テンプレートリテラルを積極的に使用することを考える。