JavaScriptの構文

Question

JavaScript勉強中のものです。
すごく基本的なことを聞いてしまいますが、
下記の構文は、どういう意味があるのでしょうか？

###ソースコード
var hoge;

(function(hoge) {

〜〜〜〜〜 省略 〜〜〜〜〜〜

})(hoge || (hoge = {}));

自分で調べてみようかと思ったのですが、調べ方が悪いせいか、解決できません。

ご教示頂けますと助かります。

どうぞよろしくお願いいたします。

Comments

[mattn]

編集ボタンを押してコード部分にコードブロックを使うよう修正して下さい。

Answer 1

命題は書式的に意味がない部分があります

hoge || (hoge = {})

これはhogeに空のオブジェクトを代入しつつ、コールバックに
戻り値{}を返しています。
普通は
hoge || {}
で済ますものですね

宣言しているか怪しい場合は

(function(fuga){console.log(fuga);})(typeof hoge=="undefined" || hoge ||{});

の様に処理します。
ただ、hoge=1だった場合、1を戻すようになるのでhogeで受けるデータ型が
一葉でなくなるのは仕様としてどうかとおもいます

var hoge={a:1,b:2};
(function(fuga){console.log(fuga);})(typeof hoge=="object"?hoge:{});

のような処理が妥当だと思います

Comments

[gksh7]

なるほどです。
少々、自分には難しかったのですが、何度も何度も読み返し、おっしゃっていること理解できました。

教えてくださった妥当な記法で今後は書くようにいたします。
ありがとうございます！

Answer 2

(function(hoge) {

〜〜〜〜〜 省略 〜〜〜〜〜〜

})(hoge || (hoge = {}));

この処理が意味するのは

• 即時関数の中で変数 hoge を扱いたい。
• でも hoge は null かもしれない。
• null だったら object として初期化されていて欲しい。
• そしてこの処理が抜けた後は hoge は object で初期化されていて、即時関数内でプロパティを変更したままであって欲しい。

こういった場合にこの書き方をします。以下の様に使います。

var hoge = null;
(function(hoge) {
  hoge.value = "hello world";
})(hoge || (hoge = {}));

console.log(hoge.value);

Comments

[gksh7]

ありがとうございます。
すぐにご回答頂けてたいへん助かりました。
ご丁寧な解説、例も掲載していただき、よく理解できました。
感謝申し上げます。