JavaScriptの関数で先頭に「!」をつける構文とは？匿名関数を即時実行する方法

JavaScriptにおける先頭の「!」（バン）構文とは

JavaScriptでは、匿名関数（無名関数）を定義したその場で即時実行したいケースがよくあります。このような書き方を「IIFE（Immediately Invoked Function Expression：即時実行関数式）」と呼びます。通常、IIFEは関数全体を括弧 () で囲むことで実現しますが、実は関数の先頭に !（エクスクラメーションマーク、通称バン）などの記号を付けることでも同じことが可能です。

先頭に「!」を使った書き方

匿名関数の直前に対してビット単位のNOT演算子である ! を付けると、関数宣言ではなく関数式として解釈されるため、そのまま呼び出し括弧 () を続けて即時実行できます。

!function(){
   // 処理内容
}();

その他の記号でも代用できる

「!」に限らず、JavaScriptとして有効な単項演算子であれば同様の効果が得られます。たとえば、単項プラス演算子の + を使った次のような書き方も可能です。

+function(){
   // 処理内容
}();

さらに、ビット反転演算子の ~ を使っても問題なく動作します。

~function(){
   // 処理内容
   return 0;
}( );

なぜこの構文が機能するのか

ポイントは、行頭から始まる function キーワードは「関数宣言」として解釈され、直後に () を置くと構文エラーになるという点です。しかし、! や +、~ といった単項演算子を先頭に置くことで、コード全体が「式」として評価されるようになります。その結果、関数は宣言ではなく値（関数オブジェクト）として扱われ、直後の () によって即座に呼び出せるのです。

注意点

これらの演算子は戻り値に対して変換（!なら論理否定、+なら数値化、~ならビット反転）を行うため、関数の返り値が必要な場合には適していません。また、可読性の観点では括弧で囲む標準的なIIFEの書き方が推奨されます。ただし、ファイル結合時のミス防止やコードサイズ削減など、特定の場面ではこの省略記法が使われることもあります。