【JavaScript】クロージャーについて

Question

初心者です。
丁寧に解説して頂けるとありがたいです。
以下の質問、よろしくお願いします。

以下①、②の違いがわかりません。
実行結果は一緒でした。
違いを教えてください。

/*①*/
var module4 = function() {
    var count = 0;
    console.log(count);

    return {
        add: function() {
            count++;
        },
        show: function() {
            console.log(count);
        }
    };
}();
module4.count; //undefind
module4.add();
module4.show(); //1

/*②*/
var module5 = (function() {
    var count = 0;
    console.log(count);

    return {
        add: function() {
            count++;
        },
        show: function() {
            console.log(count);
        }
    };
})();
module5.count; //undefind
module5.add();
module5.show(); //1

Answer 1

自分には質問のしかた、あるいは問題に対するアプローチが間違っているように感じます。

(1)と(2)の違いを訪ねたいなら、それぞれの意味についてのあなたの解釈を述べるべきです。それさえ書かれていればあなたの解釈を踏まえた回答が可能ですが、それが何も書かれていないので回答すべきポイントがつかめません。

Comments

[think49]

同意です。質問全体の5割程度は同じ感想を持ちます。
ただ、仮に指摘したとしても、他に質問への回答がついてそちらをベストアンサーに選んで、質問への指摘は無視される場面が多いので、私は指摘する事を諦めてしまいました。
本来は「KSwordOfHaste さんの指摘をもって質問が改善されるまで回答しない」が正しい在り方だと思いますが、teratailではそういう風潮がない印象があります。
stack overflowでは「質問が改善されるまで回答しない」が徹底されていて良いと思うのですが。

[KSwordOfHaste]

コメントは付かなくても質問者さんやＱ＆Ａを見ている方に何かを感じてもらえたら、それでよいかなと思ってます。今回はthink49さんの回答をみて「そうとしか言えないよなぁ」と感じましたが、それでも質問者さんが何を思って質問したのかわからないという思いが強かったのでコメントしてみました。
しかし、自分のコメントは単なる指摘に終わっていて回答になってないですね。回答欄に書くときは質問への指摘だけでなく回答の一端を記載するようにしてるつもりなんですが、今回それをつけるの忘れてました！

Answer 2

本質的な違いは、変数名の差以外にはありません。

クロージャの外側には、いろんな書き方があります。

var foo = function(){}();
var bar = (function(){})();
var baz = (function(){}());

変数に代入する場合、カッコが余分にあろうがなかろうが関係ありません。一方、単に実行するだけのクロージャの場合、文をfunctionから始めようとすると関数宣言とみなされてエラーになるので、カッコや単項演算子など何か別のものから始める必要が出てきます。

Answer 3

変数名が module4 から module5 に変わっている事以外は、実質的に変わりないと思います。
② は括弧が無駄とは思いましたが。

Re: YamasakiRintaro さん