素朴な疑問 Javascript

Question

皆さんは｛｝の記述はどちらで記述されますか？

function AAA(){
//処理
}

function AAA()
{
//処理
}

私は下のケースの方が見やすく感じこちらを使用してしまうのですが、javascriptの解説サイトでは上のケースで記述されている事が多く、なぜだろう？？？と疑問を感じました。

どちらのケースを使用するか、そしてその理由を回答頂けると嬉しいです。

Answer 1

ベストアンサーが決まっていますが、他の言語には無いJavaScript特有の事情があるので回答を書いておきます。

###字下げスタイルの基礎知識

これらは字下げスタイルといわれ、K&Rスタイルとオールマンスタイルに大別されます。K&Rスタイルは中括弧の開始{が同じ行に来るものですが、大きく二種類あり、関数の時のみ例外的に改行を入れる場合(カーネルスタイル)と、例外が無い場合(Javaスタイル、1TBSとも)です。オールマンは、常に改行を入れる場合です。他にも字下げスタイルがありますが、あまり使われていません。

// カーネルスタイル
int kernel_s(int x)
{
  if (x % 2 == 0) {
    return x / 2;
  } else {
    return 3 * x + 1;
  }
}
// Javaスタイル
int java_s(int x) {
  if (x % 2 == 0) {
    return x / 2;
  } else {
    return 3 * x + 1;
  }
}
// オールマンスタイル
int allman_s(int x)
{
  if (x % 2 == 0)
  {
    return x / 2;
  }
  else
  {
    return 3 * x + 1;
  }
}

Cでは聖典K&Rの例文やLinux Kernelが採用している(Linux kernel coding style参照)こともあり、カーネルスタイルにする場合が多々見られますが、絶対的優位とは言えません。ましてやC++になると群雄割拠です。JavaはSunの時代にCode Conventions for the Java Programming Languageで推奨したこともあり、Javaスタイルが主流です。逆にC#はMicrosoftがC#のコーディング規約で書いてあり、かつ、Visual Studioのデフォルトになっていることもあり、オールマンスタイルが主流です。

しかし、C、C++、Java、C#において、字下げスタイルは重要ではありません。なぜなら、これらの言語では、どのような字下げスタイルを使おうとも、文脈が変わることが無いからです※。聖典K&Rにあるように、重要なのはプログラム全体で統一されていることです。
※ これらの言語では、文字列リテラル内とマクロ部分を除いて、改行と空白は同じものとして扱います。ですので、文字列リテラル内やマクロ部分を除いて、改行を全て空白に置き換えても、その逆をしても、文脈は変わらないと言うことです。

###JavaScript特有の事情

さて、JavaScriptですが、圧倒的にJavaスタイルが主流になっています。JavaScriptのスタイルガイドまとめ(おすすめ4選)にあるスタイルガイド全てがJavaスタイルを採用しています(全てにおいて明示しているわけではありませんが、例文がそうなっています)。JavaScriptだからJavaに合わしたというのもありそうですが、これにはきちんと理由があります。

JavaScriptは、C/C++/Java/C#とは違い、改行と空白が等価ではありません。JavaScriptには暗黙のセミコロンというものが存在します。改行のところで暗黙的に;が有ると前提して、省略してもいいというものです(実際のルールはかなり複雑です)。つまり、オールマンスタイルを採用した場合、常に;が暗黙的に存在するかどうかを気にしなければなりません。しかし、Javaスタイルであれば、{で行が終わるので、暗黙のセミコロンが存在する余地はありません。

function AAA()
{
//処理
}
// 上のコードは下のコードのように見なされる恐れは無いだろうか？？？
function AAA();
{
//処理
}

実際にオールマンスタイルを採用したと言っても、return文以外では問題はほとんど起きません。上の例文では、下の文はエラーになるため、暗黙のセミコロンがつくことはありません。それでも、プログラマーは常に気を張り巡らせておく必要があります。よく理解せずに使用すると不可解なバグの原因となりますし、問題が起きるreturn文で例外を許して、スタイルが統一されないという事態に陥ります。

function AAA()
{
  return
  {
    aaa: 1
  };
}
// 上のコードは下のコードのようにみなされる。
function AAA()
{
  return;
  {
    aaa: 1
  };
}
// よって、例外的に下記のように書く必要がある。
function AAA()
{
  return {
    aaa: 1
  };
}

なお、同じK&Rスタイルでも、カーネルスタイルでは無いのは、関数のみ例外的に扱う理由が無いからです。関数のみ例外とするカーネルスタイルは、Cの関数定義の古い書き方や、関数定義を入れ子に出来ないなどの特殊な事情から来ていますが、JavaScriptにはそのような事情はありません。

以上のように、JavaScriptにおける字下げスタイルは、他の言語とは違い、些細なことではありません。もし、あなたが、複雑怪奇な暗黙のセミコロンのルールを完璧に理解し、retrun文での例外を受け入れるなら、オールマンスタイルを採用してもいいでしょう。しかし、そのような天才以外は、素直にJavaスタイルを採用することを推奨します。私を含めた凡人には、そんなくだらないルールをいちいち考えるほどの余裕はありません。

Answer 2

私は Eclipse を使っているので、「フォーマットが乱れてきたな」と感じたら

Ctl+A(全選択) -> Ctl+Shit+F(オートフォーマット)

をやってそのままですね。
JavaScript はあまり頻繁には使わないということもあって、
字下げがどうなっているかなんて意識していません。
今調べたら、

function AAA(){
//処理
}

スタイルになっていましたが、だれかが設定をいじって、次の日に

function AAA()
{
//処理
}

となっていたとしても、あんまり意に介さないと思います。

他の所でも書きましたが、オートフォーマットで合わせることができれば、
ささいな違いはどうでもいいです。

Comments

[fama]

ありがとうございます！とてもよく理解ができました！

Answer 3

javascriptはコールバック関数を使うことが多いので、単体の関数でもコールバックとしての関数でも以下の記述を使うことが多いです。
できるだけ一画面内に収まるコーディングの量が多いほうがいいなと思っています。（見やすい範囲で）

function hoge(){
}

Answer 4

字下げスタイル