jQuery プラグイン拡張機能 extend の実装原理に関する簡単な説明

フロントエンドの友人なら誰でも jQuery に精通していると思いますが、その最大の魅力の 1 つは、さまざまな機能をより簡単に実装できるようにするためのプラグインが多数あることです。

数日前の夜、何もすることがなかったときに、私は自分で簡単な jQuery プラグインを作成しました。関数は非常に単純で、選択した要素を強調表示するだけですが、いくつかのアイデアはまだ学ぶ価値があります。コードを表示するにはここをクリックしてください。
この記事では、jQuery プラグインの作成方法については説明しません。jQuery のプラグイン拡張機能を実装する方法について説明します。jQuery で作成したプラグインを extend で実装する方法について説明します。 (Daniu は外に出て右に曲がることができます...)

ミニ jQuery の作成をシミュレートできます。

var $ = {};

わかりました、とても簡単です…

次に、この
オブジェクト に extend メソッドをマウントして、開発者が私のオブジェクトに関数やメソッドを追加できるようにします。

var $ = {
   extend:function(ob){
      /**暂时不管里面写什么**/
   } 
 }

さて、$ オブジェクトに extend メソッドを追加しました。これは $.extend(obj) メソッドを通じて外部から呼び出すことができます。

$ にメソッドを追加する、つまりプラグインを追加するとします。方法。

ここが問題の核心です。なぜ $.extend にメソッドを直接呼び出すことができるのでしょうか?ここでは、extend が受信オブジェクトを内部でどのように処理するかを確認する必要があります。

$.extend({
   myFunction:function(obj){
     //do something....   
   }
 })

extend は受信した obj をトラバースし、それを $ のプロトにハングすることがわかります。このように、$ はいつでもプロトタイプのメソッドを呼び出すことができます。もちろん、jQuery の extend の実際の実装はこれよりもはるかに複雑です。ここでは、オブジェクトのプロトタイプにパブリック メソッドをマウントするという、jQuery プラグインの基本的な実装の基本的な考え方を紹介します。 。

特定のプラグインの作成については、記事の冒頭にあるリンクを参照してください。

プラグインの作成の詳細に注釈を付けています

ので、誰もがお互いから学ぶことができます。





-->

以上がjQuery プラグイン拡張機能 extend の実装原理に関する簡単な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。