![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
function定義で"a=function() {...}();"と書ある場合の、"}();"の意味が分かりません。
どなたか、この構文の意味をご存知であれば教えてください。
例)
counter = function() {
var count;
return {init: function() {count =0;},count:{count++;}};
}();
↑この部分です。
"function () {......};"の構文は私も良く使用するので理解しているつもりです。
初歩的な問題かも知れませんが宜しくお願いします。
No.3ベストアンサー
- 回答日時:
>>counter=func1();
>>counter=func1;
>この2つの構文を使い分けをする場面は、どんな場合なのか分かりますか?
上は関数func1を実行した結果(戻り値)をcounterに格納する。
下は関数func1の別名を与えている。(関数そのものを代入している。)
といった感じ。
意味が全然違うから使い分ける場面も全然違う。
質問文の用法はスタティックなクラスを作る場合によく使用される。
一般的な形でわかりやすく書くと以下のような形。
var func = function(){
//オブジェクトリテラルを作成
var Obj = {};
//スタティックフィールドを作成
Obj.field = "スタティックフィールド"
//スタティックメソッドを作成
Obj.Method = function(){
alert("メソッドが実行されました")
}
return Obj;
}();
最後に()をつけることによってこの無名関数が実行される。
したがって変数funcに代入されるのは無名関数の戻り値Obj。
つまり、
スタティックフィールドfieldとスタティックメソッドMethodをメンバに持つクラスfuncとして使用することができる。
質問文はこれをもっと省略した形で書かれており、
counter.initとすれば内部変数countを初期化(0)し、
counter.countとすれば、内部変数countに1を足した値を返すという
スタティックなクラスを作成しているということ。
おぉ!なるほど!
有難うございます。
まったく別物ですね。今まで何も考えずに、色々なサンプルプログラムをコピー&ペーストして使っていましたが、OKbokuzyoさんの回答を見てからもう一度、色々なサンプルプログラムを読み直してみたら、今まで、良く解らずにいたところが、紐を解く様に理解できました。
大変、有難うございました。
No.2
- 回答日時:
function func1(){
var count;
return {init: function() {count =0;},count:{count++;}};
};
counter=func1(); ←このカッコ
これの省略形と考えればわかりやすいかも。
counter=func1();
counter=func1;
カッコをつけない時との違いはわかりますか?
talooさん、有難うございました。
初心者ながら、なんとか理解できました。
でも、
>counter=func1();
>counter=func1;
この2つの構文を使い分けをする場面は、どんな場合なのか分かりますか?
No.1
- 回答日時:
無名関数を実行しているだけです。
たとえば
hoge = function(){・・・};
とするとhogeをユーザー関数とし、hoge()で実行します。
もしくはオブジェクトのメソッドとする場合は
obj.hoge=function(){・・・};としてobj.hoge();ですね。
それが、
counter = function(){・・・;return fuga}();
とすると、無名関数を実行した結果「fuga」をcounter変数に代入してます。
yambejpさん、詳しい説明有難うございます。
”無名関数”確かに、私の読んだjavascriptの本にも載っておりました。意味が良く分からなかったので、”ふ~ん”ぐらいにしか思っておりませんでしたが、先ほど読み直してみたら、
"無名関数は、いろんな場面に出てくるので理解しておくと便利です。"
と、書いてありました。とほほほ...
大変勉強になりました、有難うございます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 変数のスコープの問題? 3 2022/06/23 09:32
- JavaScript JavaScriptの即時関数の書き方 1 2022/11/29 09:52
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- 英語 Osseointegration has been suggested to represent a 3 2022/06/10 08:22
- JavaScript gasについて 1 2022/05/31 21:51
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript jQueryでのレスポンシブが綺麗に動かない 3 2022/06/21 11:08
- PHP コメント機能に返信欄を矢印で追加したい 1 2022/05/09 21:17
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
関数でy=g(x)のgとは何の略です...
-
functionから別のfunctionを実...
-
idを使わずにonclickで自身の要...
-
Javascriptのオブジェクト指向...
-
大域変数の保持
-
fortran90 引数で渡された関数...
-
javascriptのソースでvar resul...
-
jslintのエラーについて質問
-
jqueryで複数の要素を指定するには
-
(function(){})()の意味
-
同じIDで定義した要素の配列を...
-
ActiveXobjectが作成できない
-
google apps scriptの終了のさせ方
-
C#テキストボックスの文字を配...
-
HTMLで作った時報アプリが動き...
-
【正規表現】【javascript】CR...
-
<a>タグのテキストを取得
-
ボタンを押すことでテキストエ...
-
JavaScriptとHTMLの課題です
-
java カレンダーの日付指定で...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
関数でy=g(x)のgとは何の略です...
-
idを使わずにonclickで自身の要...
-
functionから別のfunctionを実...
-
jQueryの :not() .not() が有効...
-
jslintのエラーについて質問
-
クリックすると上に開くアコー...
-
関数名をテキストから読み込む...
-
XMLHttpRequestでキャッシュを...
-
jQueryの"return false"の役割...
-
getElementByIdを使用したグロ...
-
JAVAスクリプトで指定時間以降...
-
JavaScriptの日付の比較
-
XMLHttpRequestオブジェクトが...
-
コードをスマートにさせたい。
-
jQueryでzipを解凍読み込みする...
-
ページ内に複数表がある場合のT...
-
要素名がスペースを含む場合のj...
-
javascriptのreplaceについて
-
ajax反映後のjqueryが動かない
-
(function(){})()の意味
おすすめ情報