【JavaScript】無名関数と即時関数？関数パターンを理解してメンテナブルなソースに！ | unitopi - ユニトピ -
はじめまして、 unitopiさんの下でライターをさせていただくことになりました、chikurinです。 どうぞよろしくお願い致します。 今回、Javascriptの関数パターンを2種類ご紹介させて頂きます。 関数とは・・・タスクや値の計算を実行する文の集まりである MDN Javascriptガイド jQueryやそのプラグイン、他の人が書いたJavascriptコードを見ると、 ①②のような書き方にでくわしたことはないでしょうか？ ① var [変数名] = function (){...}; ② (function(){...})(); ※...は、処理内容を表します。 ここでは、こうした書き方を1つずつご説明したいと思います。 まず、①の書き方は「無名関数」と呼ばれます。 何故このような書き方になるのか、 関数の書き方をおさらいしつつ考えてみましょう。 Javascriptの関数は
即時関数のメリットと主な用途｜もっこりJavaScript｜ANALOGIC（アナロジック）
即時関数の構文 即時関数はスコープを汚染せずに新たなスコープを作成するための唯一の手段 即時関数が使われるケース まとめ JavaScriptには「即時関数」という構文があります。即時関数は関数を定義すると同時に実行するための構文で、この即時関数を使ってコードを書いたことのある方も多いのではないかと思います。 JavaScriptに慣れている方にとっては「何を今さら」といった書き出しかもしれませんが、私はこの即時関数を初めて知った時、その必要性がイマイチ見出せませんでした。それは、「関数を定義と同時に実行するのは分かるけど、別に普通に関数を定義して、その関数を呼び出せばいいじゃん」って思ったからです。 確かに、一度しか使われないような関数をいちいち名前付きで定義してそれを呼び出すというコードは冗長的かもしれません。そのような場合は即時関数を使った方がよりスマートなコードになるでしょう。です
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
