ビッグバンをリードするJavaScript関数！構文

私はいくつかのライブラリーでこの構文を見てきましたが、その利点は何なのかと思っています。（私はクロージャとコードが何をしているかをよく知っていることに注意してください、私は構文上の違いのみを気にしています）

!function(){
  // do stuff
}();

より一般的なの代わりに

(function(){
  // do stuff
})();

匿名関数を呼び出すため。

いくつか疑問があります。まず、トップの例が実際に機能するのを許可しているものは何ですか？このステートメントを構文的に正しくするために、なぜ強打が必要なのですか？私はそれも+うまくいくと言われています、そして代わりにいくつかの他のものと確信しています!

次に、メリットは何ですか？私が知ることができるのは、それが単一のキャラクターを救うということですが、それが多くのアダプターを引き付けるのにこんなに大きな利点であるとは想像できません。他に不足しているメリットはありますか？

私が見ることができる他の唯一の違いは、自己呼び出し関数の戻り値ですが、これらの例の両方で、クロージャーを作成するためにのみ使用されているため、関数の戻り値については特に気にしません。では、最初の構文を使用する理由を誰かに教えてもらえますか？

理想的には、これらすべてを次のように簡単に実行できるはずです。

function(){
  // do stuff
}(); 

つまり、無名関数を宣言して実行します。しかし、JS文法の仕様により、これは機能しません。

したがって、これを達成する最も短い形式は、UnaryExpression（したがってCallExpression）などの式を使用することです。

!function(){
  // do stuff
}(); 

または楽しみのために：

-function(){
  // do stuff
}(); 

または：

+function(){
  // do stuff
}(); 

あるいは：

~function(){
  // do stuff
  return 0;
}( );

Javascriptでは、で始まる行functionは関数ステートメントであることが想定されており、次のようになるはずです。

function doSomething() {
}

のような自己呼び出し機能

function(){
  // do stuff
}();

はそのフォームに適合しません（関数名がないため、最初の開始括弧で構文エラーが発生します）。そのため、括弧は匿名関数式を表すために使用されます。

(function(){
  // do stuff
})();

しかし、（関数ステートメントではなく）式を作成するものであれば何でも実行できるため、!。これは、これが関数ステートメントではないことをインタープリターに伝えています。それ以外では、演算子の優先順位により、関数は否定の前に呼び出されることが決まります。

私はこの慣習に気づいていませんでしたが、それが一般的になると読みやすさに貢献するかもしれません。つまり!function、大規模なコードブロックの先頭でを読む人は、自己呼び出しを期待することになります(function。ただし、これらの煩わしい括弧は失われます。速度や文字数の節約とは対照的に、それが理由だと思います。

すでに述べられていることの他に、！セミコロンなしでjavascriptを書く場合に便利です：

var i = 1
!function(){
  console.log('ham')
}()

i = 2
(function(){
  console.log('cheese')
})()

最初の例は予想どおり「ham」を出力しますが、次の括弧が原因でi = 2ステートメントが終了しないため、2番目の例はエラーをスローします。

また、連結されたjavascriptファイルでは、前のコードにセミコロンがない場合でも心配する必要はありません。したがって、共通の;（function（）{}）（）;は必要ありません。あなた自身が壊れないことを確認するために。

私の答えは少し遅れていることはわかっていますが、まだ言及されていません。

1つには、jsPerfは!（UnaryExpressionの）を使用した方が通常は高速であることを示しています。時々、彼らは平等であることが判明しますが、彼らが等しくないとき、私は、きっちりとはめられていない者が他の者よりもあまりにも多くの勝利を収めているのを見たことはありません。 http //jsperf.com/bang-function

これは、最も古い（たとえば、..）Chrome、バージョン8を搭載した最新のUbuntuでテストされています。したがって、結果は当然異なる場合があります。

編集：クレイジーなものはどうdeleteですか？

delete function() {
   alert("Hi!"); 
}();

またはvoid？

void function() {
   alert("Hi!"); 
}();

ここを見るとわかるように、JavaScriptで自己呼び出しメソッドを実行する最良の方法は、次のものを使用することです。

(function(){}()); -> 76,827,475 ops/sec

!function(){}();  -> 69,699,155 ops/sec

(function(){})(); -> 69,564,370 ops/sec

したがって、否定「！」+、-、〜、delete、voidなどの他のすべての単項演算子は、要約すると次のようになります。

!function(){
  alert("Hi!");
}(); 

または

void function(){
  alert("Hi!");
}();

または

delete function(){
  alert("Hi!");
}();

そして、楽しみのためにバイナリ演算子を使用するいくつかのケース:)

1 > function() {
   alert("Hi!"); 
}();

または

1 * function() {
   alert("Hi!"); 
}();

または

1 >>> function() {
   alert("Hi!"); 
}();

あるいは

1 == function() {
   alert("Hi!"); 
}();

他の誰かのために三項を残します:)