設(shè)計(jì)的思路：（請(qǐng)參考右邊代碼）

常規(guī)的數(shù)據(jù)緩存，我們都大多為了方便直接就綁定到了dom對(duì)應(yīng)的元素上了，最為常見(jiàn)的就是事件對(duì)象的回調(diào)函數(shù)了，還有一些DOM的屬性。當(dāng)然這也不是不可以，jQuery早期就是這么干的，但是容易引發(fā)循環(huán)引用，也會(huì)帶來(lái)一定的全局污染的問(wèn)題。那么jQuery在之后的改進(jìn)就獨(dú)立出了一個(gè)”數(shù)據(jù)緩存“的模塊。

其核心的關(guān)鍵就是：

數(shù)據(jù)存放在內(nèi)存中，通過(guò)一個(gè)映射關(guān)系與直接的DOM元素發(fā)生關(guān)聯(lián)

數(shù)據(jù)緩存，jQuery現(xiàn)在支持兩種：

1. dom元素，數(shù)據(jù)存儲(chǔ)在jQuery.cache中。
2. 普通js對(duì)象，數(shù)據(jù)存儲(chǔ)在該對(duì)象中。

首先先要在內(nèi)存中開(kāi)辟一個(gè)區(qū)域，用來(lái)保存數(shù)據(jù)，jQuery用cache對(duì)象{},那么所有的數(shù)據(jù)無(wú)法就是針對(duì)cache的CURD操作了。

1:如果是DOM元素，通過(guò)分配一個(gè)唯一的關(guān)聯(lián)id把DOM元素和該DOM元素的數(shù)據(jù)緩存對(duì)象關(guān)聯(lián)起來(lái)，關(guān)聯(lián)id被附加到以jQuery.expando的值命名的屬性上，數(shù)據(jù)存儲(chǔ)在全局緩存對(duì)象jQuery.cache中。在讀取、設(shè)置、移除數(shù)據(jù)時(shí)，將通過(guò)關(guān)聯(lián)id從全局緩存對(duì)象jQuery.cache中找到關(guān)聯(lián)的數(shù)據(jù)緩存對(duì)象，然后在數(shù)據(jù)緩存對(duì)象上執(zhí)行讀取、設(shè)置、移除操作。

2:如果是Javascript對(duì)象，數(shù)據(jù)則直接存儲(chǔ)在該Javascript對(duì)象的屬性jQuery.expando上。在讀取、設(shè)置、移除數(shù)據(jù)時(shí)，實(shí)際上是對(duì)Javascript對(duì)象的數(shù)據(jù)緩存對(duì)象執(zhí)行讀取、設(shè)置、移除操作。

3:為了避免jQuery內(nèi)部使用的數(shù)據(jù)和用戶自定義的數(shù)據(jù)發(fā)生沖突，數(shù)據(jù)緩存模塊把內(nèi)部數(shù)據(jù)存儲(chǔ)在數(shù)據(jù)緩存對(duì)象上，把自定義數(shù)據(jù)存儲(chǔ)在數(shù)據(jù)緩存對(duì)象的屬性data上。

var data_priv = new Data();
var data_user = new Data();