javascript - !function ($){...}(window.jQuery) は正確に何をしますか?

Question

ここで何が起こっているのか正確に知りたいです。私は何を$(document).ready(function() {...});し、いつそれが有効になるかを知っています。についても同様ですjQuery(function($) {...}。

しかし、これは何をしますか？

!function ($) {
  $(function(){
    var $window = $(window)
    //normal jquery stuff
  })
}(window.jQuery)

ドキュメントが「準備完了」になったときではなく、jQuery が読み込まれたときに読み込まれますか?

score 8 · Accepted Answer

$変数にの値が割り当てられたクロージャを作成しますwindow.jQuery。

その意図は、変数名としても使用する多数の他のライブラリやカスタム関数と競合することなく、情報量の少ない名前の変数$をショートカットとして使用できるようにすることです。jQuery$

score 4 · Accepted Answer

4

! を使用して関数の前の演算子により、式として扱われます

!function () {}()

于 2013-01-04T16:37:49.527 に答える

score 3 · Accepted Answer

あなたが見ている構文は、jQuery クロージャを設定するために使用されます。これは、jQuery$変数がコード内で使用可能で正しいことを保証するために使用されます。つまり、グローバルスコープで他のものによって上書きすることはできません (複数のライブラリを使用している場合などに可能です)。

あなたの例で異なる唯一の興味深い点は、ドキュメントでは関数が括弧で囲まれているのに対し、あなたが与えた例では、その前に!

は演算子ですが!、not実際には何にも使用されません。コードの1文字を保存するために、括弧の代わりにあるだけだと思います。JavaScript の縮小化に興味がある場合は、おそらく役立つでしょう。

score 0 · Accepted Answer

よくわかりませんが、これは(function(){})()アプローチと多少同等であり、jsクロージャーに関するものだと思います。そしてそれは確か$にjQuery同じことです

score 0 · Accepted Answer

「！」'not' 演算子です。コードでは何もしません。これが存在する唯一の理由は、関数がすぐに実行されることを示すためです。

代わりに、関数が括弧で囲まれている場合もあります。

(function() {}());

何を使うかは個人の好みです。

5 に答える 5