即時関数のメリットと主な用途｜もっこりJavaScript｜ANALOGIC（アナロジック）

2014/11/02 141 users 構文 スコープ 関数 唯一 手段

即時関数の構文 即時関数はスコープを汚染せずに新たなスコープを作成するための唯一の手段 即時関数が使われるケース まとめ JavaScriptには「即時関数」という構文があります。即時関数は関数を定義すると同時に実行するための構文で、この即時関数を使ってコードを書いたことのある方も多いのではないかと思います。 JavaScriptに慣れている方にとっては「何を今さら」といった書き出しかもしれません... 続きを読む

function式・文と即時関数が(function(){})();の理由 | 03LOG

2014/07/11 80 users function 関数 メモ 形式 タイミング

Webに関して学んだことを書き留めています違いをしっかりと意識するためにメモ まずはfunction文とfunciton式の形式 //function文 function hoge(){ } //function式 var hoge = function(){ }; functionから始まる関数がfunction文、 式の中で関数を定義したものがfunction式です。 関数を定義するタイミング... 続きを読む

JavaScriptをシンプルに - CoffeeScriptを3時間で理解するための10のポイント(1)-(3)：ITpro

2012/07/02 156 users CoffeeScript ITpro リテラル コンパイル

＜＜前回「CoffeScriptって何？」へ＜＜ CoffeScriptを3時間で理解するための10のポイントのうち、ポイント1から3までを解説します。ポイント1は「CoffeeScriptはコンパイルで即時関数に変換される」こと、ポイント2は「変数は自動的に宣言される」こと、ポイント3は「リテラルで豊かな表現を可能に」したことです。 POINT1　CoffeeScriptはコンパイルで即時関数に... 続きを読む

知ってて当然？初級者のためのJavaScriptで使う即時関数(function(){...})()の全て - 三等兵

2011/08/23 1470 users function jQuery Greasemonkey

JavaScript(function(){...})()は、 (function($){ $.hoge = function() { }; })(jQuery) みたいに使われていたりするコード。GreasemonkeyとかjQueryのプラグインとか、あれこれ見かけることがあると思います。この話題はいくつかWebでも取り上げられていますが何がどうなってんのかちょっと難しいですね。しかし、誰でも... 続きを読む

即時関数(function(){ ... })()の別の書き方いろいろ - 泥のように

2011/04/23 386 users function ローカルスコープ カッコ 無名関数 書き方

JavaScriptでよく使われるコード片に即時関数というものがあります。無名関数を宣言して即実行することで、ローカルスコープの存在しないJavaScriptにおいて擬似的にローカルスコープを再現します。 一番有名なのはこの(function(){ ... })()の形式なのですが、なぜfunctionの外側にカッコが必要なのか不思議に思ったことはないでしょうか？　ためしにfunction(){ ... 続きを読む