Javascriptにおいて行の最後には";"をつけるべきか、文字列はシングルとダブルどちらのクオートで囲むのが良いか

Question

わりと宗教論な気もするのですが、どちらのほうが好まれているのでしょうか。
ESlintの標準に従えといえばそれまでですが、きちんと納得できる理由があればもっと腑に落ちるので、ぜひ具体的な理由も教えて頂ければと思います。
個人的にはセミコロン付ける派で、ダブルクオートの方が好きなのですが、Nuxt.jsをインストールしたら両方逆だったので本当に従うべきなのか、趣向により潰していいのか気になります

Answer 1

どちらにするかは自由ですが、全体のルールを統一することが重要です。

JavaScriptではダブルクオートもシングルクオートも意味差はないのですが、RubyやPHPなどで「何も特殊効果のない文字列はシングルクオート」というのに慣れていたので、シングルクオートが途中に登場しない文字列はシングルクオートで書いています。

JavaScriptの「セミコロンの自動挿入」は、「つなげるものはつなぐ（一部例外あり）」という、中途半端さもあるルールなので、入れる入れないのどちらにしても注意が必要です。

• セミコロンありで書く場合…引数をつけるreturn・break・continue・throwのあと、後置インクリメント・デクリメントの直前では改行しない（ここで改行すると、セミコロンが自動挿入される）
• セミコロンなしで書く場合…行頭に[、(、単項プラスを置かない（前の行につながる）

Answer 2

JavaScriptは、「行末にセミコロンが無い場合、次の行と繋いで文法的に通るなら繋ぐ」という言語なので、セミコロンを付けないと意図せず次の行とつながって解釈される可能性があります。
従って、文の切れ目の場合は付けた方が良いです。
もちろん、毎回、「ここは付けないと次の行とつながるかどうか」を判断してもいいのですが。

引用符は好みでしょう。よく使われているフォントでは一重引用符は左右対称じゃ無いので（まあ、本来はアポストロフィなので当然ですが）、私は二重引用符を好みますが、多くの人はなぜか左右対称にこだわらず、一重引用符を使うようです。

Comments

[sakapun]

セミコロンの有る無しの文法的な危険性、引用符はどちらでも良いというお答えのお二人の中から早めにご回答いただいたのでベストアンサーとさせて頂きました。

Answer 3

個人的にはセミコロン派ですね。cssでは最後以外は必須なので頭の切り替えが面倒と言うのと、やったことはないですがjsファイルの圧縮後にインデントや改行を戻し易いのではという単純な理由です。
文字列はシングルクオートですね。htmlの属性はダブルクオートというイメージからです。
ダブルクオートの方が利用機会が多そうなのでシングルクオートが好きです。

Answer 4

あくまで個人的なルールなのですが、私はhtml、cssをダブルクォーテーション、jsをシングルクォーテーションで書きます。

理由ですが、HTML、cssでは一般的にダブルクォーテーションで括ることが多いように感じます。
その前提で考えると、js内で動的にhtml構造をアペンドまたは差し替えたりする時にjsもダブルクォーテーションで括ってしまうと、js内に記述したhtml構造のダブルクォーテーションをエスケープする必要が出てきてしまい、手間が増え、また可読性も悪くなってしまいます。

以上のことから、html、cssはダブルクォーテーション、jsはシングルクォーテーションで括るようにしています。
ただこれは冒頭に述べたようにあくまで個人的なルールですので、実務上ではチームやプロジェクトのルールに則ってコーディングすべきと思います。