Q&A
###質問
javascriptについてご教授下さい．
ネットで下記のようなコードを見つけたのですが，以下記述が特に理解できません．
var f = (function (){ //処理 }());
このfは関数?，クラス? 一体何者なのか教えて頂けないでしょうか．
###該当のソースコード
####test.js
lang
1var f = (function () { 2 var init = function (){ 3 console.log("hoge"); 4 }; 5 return {init: init}; 6}());
####index.html
lang
1 <body> 2 <script type="text/javascript" src ="test.js"></script> 3 <script type="text/javascript"> 4 f.init(); 5 </script> 6 </body>
###補足情報(言語/FW/ツール等のバージョンなど)
javascript初心者です．宜しくお願い致します．
回答1件
0
ベストアンサー
まず、
javascript
1function (){ //処理 }();
の部分は即時関数といって、事前に定義して関数名で呼び出す
のではなく、この部分を通過するときに動作をする範囲である
ことを示します。関数名を用意しませんから、使い捨ての関数
とよく説明されます。"}()"の部分に引数を用意することもあ
ります。
さらに
javascript
1var f = (function (){ //処理 }());
で即時関数を関数のオブジェクトとしてfと名付けて、実体化
しています。実質的には、f()関数と同様に使えます。
また
javascript
1 function (){ 2 var init = function (){console.log("hoge");}; 3 return {init: init}; 4 }()
の内側の
javascript
1 init = function(){console.log("hoge");}
は無名関数といって、関数オブジェクトinitで実体化し、
return命令の{init: init}において、1つだけの連想配列
として、呼び出した側の
javascript
1f.init();
に使われます。
投稿2017/03/12 10:31
総合スコア2285
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/03/12 11:05