【Cache】关于jQuery对象数据缓存Cache原理以及jQuery.data详解-jQuery-data详解

jQuery.extend({
cache: {},

// Please use with caution
uuid: 0,

// Unique for each copy of jQuery on the page
// Non-digits removed to match rinlinejQuery
expando: "jQuery" + ( jQuery.fn.jquery + Math.random() ).replace( /\D/g, "" ),

....
data: function( elem, name, data, pvt ) {
// 是否可以附加数据，不可以则直接返回
if ( !jQuery.acceptData( elem ) ) {
return;
}

var privateCache, thisCache, ret,
//jQuery.expando这是一个唯一的字符串，是这介jquery对象产生的时候就生成了。
internalKey=jQuery.expando,
getByName=typeof name==="string",

// 必须区分处理DOM元素和JS对象，因为IE6-7不能垃圾回收对象跨DOM对象和JS对象进行的引用属性
isNode=elem.nodeType,

// 如果是DOM元素，则使用全局的jQuery.cache
// 如果是JS对象，则直接附加到对象上
cache=isNode ? jQuery.cache : elem,

// Only defining an ID for JS objects if its cache already exists allows
// the code to shortcut on the same path as a DOM node with no cache
id=isNode ? elem[ internalKey ] : elem[ internalKey ] && internalKey,
isEvents=name==="events";

// 避免做更多的不必要工作，当尝试在一个没有任何数据的对象上获取数据时
// 对象没有任何数据，直接返回
if ( (!id || !cache[id] || (!isEvents && !pvt && !cache[id].data)) && getByName && data===undefined ) {
return;
}
// id不存在的话就生成一个
if ( !id ) {
// Only DOM nodes need a new unique ID for each element since their data
// ends up in the global cache
if ( isNode ) {
// 如果是DOM元素则在元素上产生唯一的ID 并且以jQuery.expando
//为属性值为id保存在elem元素上，以便以后再根据jQuery.expando来查找ID。
elem[ internalKey ]=id=++jQuery.uuid;
} else {
// JS对象则直接使用jQuery.expando，既然是直接附加到对象上，又何必要id呢？
// 避免与其他属性冲突！
id=internalKey;
}
}

//// 当我们试着访问一个键是否含有值的时候，如果不存在jQuery.cache[id]值,
// 初始化jQuery.cache[id]值 为一个空对象{}
if ( !cache[ id ] ) {
cache[ id ]={};

if ( !isNode ) {
cache[ id ].toJSON=jQuery.noop;
}
}

// An object can be passed to jQuery.data instead of a key/value pair; this gets
// shallow copied over onto the existing cache
// data是接收对象和函数，浅拷贝
if ( typeof name==="object" || typeof name==="function" ) {
if ( pvt ) {
cache[ id ]=jQuery.extend( cache[ id ], name );
} else {
cache[ id ].data=jQuery.extend( cache[ id ].data, name );
}
}
/ 存储对象，存放了所有数据的映射对象
privateCache=thisCache=cache[ id ];

// jQuery data() is stored in a separate object inside the object's internal data
// cache in order to avoid key collisions between internal data and user-defined
// data.
// jQuery内部数据存在一个独立的对象（thisCache.data==thisCache[ internalKey ]）
//上，为了避免内部数据和用户定义数据冲突
if ( !pvt ) {
// 存放私有数据的对象不存在，则创建一个{}
if ( !thisCache.data ) {
thisCache.data={};
}
// 使用私有数据对象替换thisCache
thisCache=thisCache.data;
}
// 如果data不是undefined，表示传入了data参数，则存储data到name属性上
if ( data !==undefined ) {
// jQuery.camelCase( name )作用是如果传入的是object/function，不做转换，
//只有传入的name是字符串才会转换。所以最终保存下来的是key/value对;
thisCache[ jQuery.camelCase( name ) ]=data;
}

//从这以后下面的代码都是处理data: function( elem, name）data为空，求返回值data的情况了。

if ( isEvents && !thisCache[ name ] ) {
return privateCache.events;
}

// 如果name是字符串，则返回data
// 如果不是，则返回整个存储对象
if ( getByName ) {

// First Try to find as-is property data
ret=thisCache[ name ];

// Test for null|undefined property data
if ( ret==null ) {

// Try to find the camelCased property
ret=thisCache[ jQuery.camelCase( name ) ];
}
} else {
ret=thisCache;
}

return ret;
},
............
});

关于关于jQuery对象数据缓存Cache原理以及jQuery.data详解的用户互动如下：

　　相关问题：jquery $.data 有什么实用性?

　　答：在元素上存放数据,返回jQuery对象。 如果jQuery集合指向多个元素，那将在所有元素上设置对应数据。 这个函数不用建立一个新的expando，就能在一个元素上存放任何格式的数据，而不仅仅是字符串。 V1.4.3 新增用法NEW data(obj) 可传入key-value形... >>详细

　　相关问题：jquery .data()缓存数据有用吗?刷新页面就没了

　　答：没有缓存数据的作用，只是方便在某一域上存取对象 >>详细

　　相关问题：jquery data 方法 读取html事先写入的数据问题

　　答：使用data方法可以避免在DOM中存储数据，有些前端开发者喜欢使用HTML的属性来存储数据： $('selector').attr('alt', 'data being stored'); //之后可以这样读取数据: $('selector').attr('alt'); 使用”alt”属性来作为参数名存储数据其实对于HTML... >>详细