javascript - jQuery プラグインの構文が奇妙すぎる

Question

以下のコードの構文 "(function( $ )" と "(jQuery)" の意味に少し問題があります。

(function( $ ){
$.fn.myPlugin = function() {
    // Do your awesome plugin stuff here
};})(jQuery);

それらの意味を教えてください。

上記のコードの「(jQuery)」というフレーズを「(abc)」に変更したい場合、その方法と使用方法は?

私の質問に答えてくれてありがとう。

score 1 · Accepted Answer

function($)は、関数が変数という単一のパラメーターを取ることを示しています。変数$は、(他のパラメーターと同様に) 関数内でアクセスできます。

はその$.fn.myPluginパラメータを利用しています。

は、パラメーターとして(function...)(jQuery)渡して、自動的に呼び出される関数ブロックを作成してjQueryいます。

これを行うポイントは、$人々が jQuery を表すために通常使用するエイリアスが実際に jQuery オブジェクトに渡され、$.

変数にインスタンス化がない限り、に変更jQueryする正当な理由はありません。abcjQueryabc

score 1 · Accepted Answer

すぐに呼び出される関数式です。これにより、1) ウィンドウ環境を汚染するのではなく、変数がそのスコープに制限されるような方法でコードを囲み、2) コードで使用できるパラメーターを渡すことができます。

この場合Jquery、 as が渡される$ため、エイリアスとして使用する可能性のある他のライブラリと競合することなく$使用できるという知識で安全に使用できます。$

存在すると仮定するabcだけでなく、確実に渡すことができます。jQueryabc

(function($, abc) {
  $.fn.myPlugin = function() {
   console.log(abc);
  }
}(jQuery, abc));

2 に答える 2