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 オブジェクトのコレクションを保存します。
コードをコピーします
コードは次のとおりです:
// セレクター コンストラクター
init: function() {
},
// プロトタイプ メソッド
toArray: function( ) {
},
get: function() {
}
}
// 共有プロトタイプ
jQuery.prototype.init.prototype = jQuery.prototype;
通常、jQuery 関数で返されるセレクター インスタンス オブジェクトは、次のように使用できます。
コードをコピーします。
コードは次のとおりです:
コードをコピーします
コードは次のとおりです:
jQuery.prototype.init。 4. 自己実行匿名関数
コードをコピー
コードは次のとおりです:
(function(window, unknown) { var jQuery = 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