jQuery データ キャッシュの実装アイデアと簡単なシミュレーション function_jquery

(function(window, unknown) {
var cacheData = {}, // データの保存に使用されるオブジェクト
win = window, // ウィンドウを変数にキャッシュします
uuid = 0 ,
// 乱数 (8 桁) を宣言します
// new Date() によって生成される乱数は、空の文字列で接続された後 (または toString を使用して変換された後) の型であることに注意してください。メソッド) の場合は String になり、スライス メソッド
expando = "cacheData" ( new Date() "").slice(-8);
// ( new Date()).toString( ).slice( -8) Expando
// キャッシュに書き込みます
var data = function(elem, name, value) {
// またはネイティブ メソッドを使用して文字列 Object.prototype.toString を検証します.call( elem) === "[object String]"
// elem が文字列の場合
if (typeof elem === "string") {
// name パラメータが渡された場合Enter キャッシュ
if (name !== unknown) {
cacheData[elem] = name;
}
// キャッシュ データを返します
return cacheData[elem];
// elem が DOM ノードの場合
} else if (typeof elem === "object") {
var id,
thisCache
// elem が DOM ノードを持たない場合Expando 属性を使用する場合は、expando 属性を追加します (要素のキャッシュを初めて設定するとき)。それ以外の場合は、既存の Expando 値と ID 値を直接取得します。
if (!elem[expando]) {
id = elem[展開] = uuid;
thisCache = キャッシュデータ [id] = {};
id = elem[展開];
>// 現在のキャッシュ オブジェクトとして乱数を使用します。 の属性、キャッシュ オブジェクトは乱数を使用して見つけることができます。
if (!thisCache[expando]) {
thisCache[expando] = {}; 🎜>}
if (value !== unknown) {
// データをキャッシュ オブジェクトに保存します
thisCache[expando][name] = value;
}
// Return DOM 要素に格納されているデータ
return thisCache[expando ][name]
}
}// キャッシュを削除します
var RemoveData = function(elem, name); >// elem が文字列の場合、属性を直接削除します value
if (typeof elem === "string") {
delete queueData[elem]>// if key が DOM ノード
} else if (typeof elem === "object" ) {
// elem に Expando 属性がない場合、キャッシュを削除せずに実行を終了します
if (!elem[expando]) {
return;
}
// オブジェクトが空かどうかを確認します
var isEmptyObject = function(obj) {
var name; (obj の名前) {
return false;
}
return true;
}
removeAttr = function() {
try {
// 標準ブラウザである IE8 は、delete を直接使用して属性を削除できます
delete elem[expando];
} catch (e) {
// IE6/IE7 は、removeAttribute メソッドを使用して属性を削除します
elem.removeAttribute(expando)
};
id = elem[expando];
if (name) {
// 指定されたデータのみを削除します
delete queueData[id][expando][name];が空のオブジェクトの場合、その ID に対応するすべてのデータ オブジェクトが削除されます
if (isEmptyObject(cacheData [id][expando])) {
delete
removeAttr(); >}
} else {
// DOM 要素のキャッシュに保存されているすべてのデータを削除します
deletecacheData[id];
}
}
};
// 外部から使用できるように、data とremoveData をウィンドウ グローバル オブジェクトにハングします。
win.expando = Expando;
win.data = data; にアクセスします。削除データ = 削除データ;
})(ウィンドウ、未定義);


例:
HTML 構造:




コードをコピー🎜>

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


< ;div id="demo" style="高さ: 100px; 幅: 100px; 背景: #ccc; カラー: # fff; マージン: 20px; text-align: center; line-height: 100px;">