モダンなJavaScript ES2015（ES6）文字列の連結

文字列の連結ですが、ES2015（ES6）になって書きやすくなりました。

var nobita=”のび太”;

var age=”10”;

var message=”僕の名前は”+nobita+”!”+“年齢は”+age+”歳だよ。”;

console.log(message);

僕の名前はのび太！年齢は10歳だよ。←出力　

こんな感じでめちゃくちゃ見にくいですよね。

プログラミング初心者は余計に見にくいと思います。

しかも書きづらい “文字列”+”文字列”+“文字列”

↑これを煩わしいと感じる人たちがどれだけいるのか！

const nobita=”のび太”;

const age=”10”;

const message=`僕の名前は${nobita}！年齢は${age}歳だよ。`

console.log(message);

僕の名前はのび太！年齢は10歳だよ。←出力　

上と同じ結果が返ってきます。

“文字列”+”文字列”+“文字列” 従来の表記と比べて+が無くなりました。

これに加えて違うのは従来の書き方は“”（ダブルクォーテーション）じゃなくなって、

・``(バッククォーテーション)になっている

・記号${}を使って変数（あるいは定数）を明示している

これをテンプレートリテラルと呼びます！見栄えもスッキリして、

可読性も良い！何より書きやすい！

# フロントコーディング