はじめに

夏休み期間を利用してJavascriptについて勉強しようと考え、Progate で学習を行っていますが、他の言語であまり見ない構文を目にすることがあり、少しびっくりしたので書き残しておきます。

バッククオーテーションによるテンプレートリテラル

jsにおいて、テンプレートリテラルを用いて文字列の中で変数を展開したい時は、バッククオーテーション(`)の中に文字列を記述し、展開する変数を${}の中に記述することで一つの文章中で変数を展開することができます。

let difference = "GOD";
console.log('★LittlE HearTs★ (${difference})');// ★LittlE HearTs★ (${difference})
console.log("★LittlE HearTs★ (${difference})");// ★LittlE HearTs★ (${difference})
console.log(`★LittlE HearTs★ ($(difference))`);// ★LittlE HearTs★ (GOD)

テンプレートリテラルによる文字列展開は様々な言語に存在する記法ですが、その際のクォーテーションがバッククオーテーションであることは意識していないと忘れてしまいそうですね。

また、jsにおいてはシングルクォーテーションとダブルクオーテーションの差はあまりないそうなので、プロジェクトの企画や文章中の'や"の兼ね合いで使用するクオーテーションを選択すればよいみたいですね。Shift押す分楽なのでシングルを使えると嬉しい気がします。