JavaScriptの``と””について

Question

#背景
最近JavaScriptを勉強しています。
そこで、JavaScriptを普段使っている人に質問です。
``と""の使い分け方を知りたいです。

#仮説
僕の仮説では、

const name=`yu`;
console.log(`hello ${name}!!`);

などの時のように出力時に変数を使いたいときのみに使うのかなと考えています。

#使い分けについて知りたい
``と""の使い分けについて教えていただけないでしょうか？

下記のサンプルコードでは、``や""では、挙動が全く同じです。

const name=`yu`;
const name="ma";

console.log("hello");
console.log(`hello`);

普段はPythonを使っていて、Pythonだとすべてを""で済ませています。
そのため、使い分けなどを特に考えてないです。

まだ、本番用のコードを書いていないので、勉強時にコードを書くときは、``だけを使ってプログラムを書いています。

業務などでは、``と""をどのように使い分けをした方が良いのでしょうか？

処理速度が遅くなってしまうなどの使い分ける必要が、何かあるのでしょうか?
特にないのでしたら、`` だけを使ってプログラムを書こうかなと言うふうに思っています。

回答していただいたことを見る限り、すごく　``の方が便利そうなので。

#追記
多くのエンジニアが、``ではなく、””を使って書いているようです。なので、式の展開をする時以外は、””を使って書こうと思います。

Comments

[miyabi_pudding]

実行環境は、Webブラウザでしょうか？
それとも、Node.jsなどでしょうか？
それによって、話が少し変わります。

[YUMA-NAGAO]

両方とも使います。

Answer 1

・バッククォートによる文字列リテラルは比較的新しい機能で、IE11で使えないので、IE11を切り捨てるならバッククォートで統一は可能です。

・式展開を含まない普通の文字列を囲む場合、どちらで書いても実行速度の違いは無いはずです。

・主観になりますが、バッククォートには文字列リテラル感が無いので、必要が無い限りは使わないですね。

Answer 2

変数の展開というより式を入れられる感じですね
そしてもう一つ重要なのはヒアドキュメントのように改行ができることです

var content=`
test
${"te"+"st"}
test`;
console.log(content);

Answer 3

出力時に変数を使いたいときのみに使うのかなと考えています。

はい、途中へ${}を入れて式展開できるのが、バッククオートで区切った場合の特徴です。それを使わない場合は、""や''でも同じです。

Comments

[YUMA-NAGAO]

処理速度が遅くなってしまうなどの使い分ける必要が、何かあるのでしょうか?
特にないのでしたら、``だけを使ってプログラムを書こうかなと言うふうに思っています。

[maisumakun]

慣習的には、特に何も必要としない場合は通常の引用符で書くことが推奨されている例が多いです。

https://google.github.io/styleguide/jsguide.html#features-string-literals
https://github.com/airbnb/javascript#strings

Answer 4

""と、``の違い、仕様に関しては、他の回答が出ておりますので、
ブラウザでの実行に関して回答いたします。
``は、わりと最近勧告され、実装された仕様のため、古いブラウザでは使用できません。
なので、後方互換が必要な案件での使用は注意が必要です。
（Babelなどのトランスパイラーを使うか、そもそも使わない、という対応が必要）