jQuery の基本的な Framework_jquery の簡単な分析

1. プロトタイプのパターン構造

コードをコピーします コードは次のとおりです:

// jQuery コンストラクターを定義します
var jQuery = function() {
}; // jQuery プロトタイプを拡張します
jQuery.prototype = {
};

上記はプロトタイプのパターン構造、jQuery コンストラクターのプロトタイプ オブジェクト、および jQuery でインスタンス化されたオブジェクトです。通常は次のように使用します。

コードをコピーします。 コードは次のとおりです:

var jq = new jQuery(); //変数 jq が new キーワードを使用して jQuery コンストラクターをインスタンス化した後、次を使用できます。プロトタイプ オブジェクト内のメソッドですが、この方法では jQuery は使用されません

2. セレクター インスタンスを返します

コードをコピーします コードは次のとおりです:

var jQuery = function() {

// セレクター インスタンスを返します
return new jQuery。プロトタイプ.init();
} ;
jQuery.prototype = {
// セレクター コンストラクター
init: function() {
}
};
jQuery にはオブジェクトをインスタンス化するための new Keyword が渡されませんが、jQuery 関数を実行すると、次のような new キーワードを通じて init セレクターをインスタンス化するオブジェクトが取得されます。
var navCollections = jQuery('. nav'); //変数 navCollections は、クラス名が nav である DOM オブジェクトのコレクションを保存します。

コードをコピーします
コードは次のとおりです:

var jQuery = function() { // セレクター インスタンスを返しますreturn new jQuery.prototype.init( ); }; jQuery.prototype = {

// セレクター コンストラクター

init: function() {
},
// プロトタイプ メソッド
toArray: function( ) {
},
get: function() {
}
}
// 共有プロトタイプ
jQuery.prototype.init.prototype = jQuery.prototype;

通常、jQuery 関数で返されるセレクター インスタンス オブジェクトは、次のように使用できます。




コードをコピーします。

コードは次のとおりです:

jQuery.('.nav').toArray(); // 結果セットを配列に変換します なぜ toArray メソッドを使用できるのでしょうか? つまり、jQuery オブジェクトを jQuery.prototype オブジェクトのメソッドにアクセスできるようにするにはどうすればよいでしょうか? 上記は、jQuery.prototype オブジェクトをセレクター オブジェクトをインスタンス化するプロトタイプ オブジェクトと共有するだけです。コードは次のとおりです:

コードをコピーします

コードは次のとおりです:

jQuery.prototype.init。 4. 自己実行匿名関数

コードをコピー

コードは次のとおりです:

(function(window, unknown) { var jQuery = function() {
// セレクター インスタンスを返します

return new jQuery.prototype.init(); }; jQuery.prototype = { / / セレクター コンストラクター init: function() { }, / /プロトタイプメソッド

toArray: function() {

},
get: function() {
}
};
jQuery.prototype.init.prototype = jQuery.prototype;
// 匿名関数の実行後にローカル変数と関数がキャンセルされます
var a, b, c;
function fn() {
}
// jQuery をグローバル変数にします
window.jQuery = window.$ = jQuery;
})(window);


自己実行匿名関数内で宣言されたローカル変数と関数は、匿名関数が実行された後にキャンセルされます。実行するとメモリは解放され、jQuery グローバル変数インターフェイスのみが外部に保持されます。

出典: http://www.cnblogs.com/yangjunhua/archive/2012/12/27/2835989.html