関数を呼んだら、その中の関数も自動実行される？

質問

・関数の実行タイミングが分からないので教えてください

・下記で、どうして引数が渡るのでしょうか？
・portal関数を呼んだら、gooプロパティに無名関数が格納される(？)と思うのですが、＝関数実行になるのでしょうか？
・無名関数だから？
var obj = {
　portal : function( arg ) {
　　var goo = function(arg){
　　　console.log(arg);
　　}(arg);
　}
}
obj.portal("あ");

・自分的には、portal関数を呼んで変数gooに無名関数を格納(？)した後、明示的にgoo();と呼ぶ必要があると思うのですが…
・下記でTypeErrorエラーになるのは、gooプロパティが2回呼ばれるから？
・明示的に呼んだ2回目は引数が渡らないから？
var obj = {
　portal : function( arg ) {
　　var goo = function(arg){
　　　console.log(arg);
　　}(arg);
　　goo();
　}
}
obj.portal("あ");
//TypeError: undefined is not a function

回答No.2

nekomikekamo · ベストアンサー

関数について以下のことをしっかり抑えておきましょう。

(１)関数の定義
　　var hoge = function(){return 5;};
(２）関数の実行
　 hoge();//関数が実行され、５が返される。

次に関数の定義と実行を纏めて行う方法。

(3)関数の定義と同時に実行(最後に()が付くのがポイント)
var hoge = function(){return 5;}();
　　最後に()を付けることで、定義と同時に関数が実行される。
この時、hogeには、関数の実行結果である5が格納される。

(4)　関数の定義と実行(引数あり)
　　var hoge = function(fuga){return fuga;}(10);
最後の()内の10がfugaに入り、関数はその数(10)を返し、hogeに代入。

定義時実行の書き方としては、以下の2パターンが有る。
(function(){})();
function(){}();

お礼

回答ありがとうございました。
説明大変分かりやすかったです。
勉強になりましたー

回答No.1

Picosoft

この2つの違いについてご自分で動かしてチェックしてみてください。

(1)
　var obj = function(a){return a*a;}(5);
　console.log(obj.toString());
(2)
　var obj = function(a){return a*a;};
　console.log(obj.toString());

お礼

回答ありがとうございました。
大変参考になりましたー