為什么是類數(shù)組對象呢？

很多人迷惑的jQuery為什么能像數(shù)組一樣操作，通過對象get方法或者直接通過下標0索引就能轉(zhuǎn)成DOM對象。

首先我們看jQuery的入口都是統(tǒng)一的$, 通過傳遞參數(shù)的不同，實現(xiàn)了9種方法的重載：

1. jQuery([selector,[context]])
2. jQuery(element)
3. jQuery(elementArray)
4. jQuery(object)
5. jQuery(jQuery object)
6. jQuery(html,[ownerDocument])
7. jQuery(html,[attributes])
8. jQuery()
9. jQuery(callback)

9種用法整體來說可以分三大塊：選擇器、dom的處理、dom加載。
換句話說jQuery就是為了獲取DOM、操作DOM而存在的！所以為了更方便這些操作，讓節(jié)點與實例對象通過一個橋梁給關(guān)聯(lián)起來，jQuery內(nèi)部就采用了一種叫“類數(shù)組對象”的方式作為存儲結(jié)構(gòu)，所以我們即可以像對象一樣處理jQuery操作，也能像數(shù)組一樣可以使用push、pop、shift、unshift、sort、each、map等類數(shù)組的方法操作jQuery對象了。

jQuery對象可用數(shù)組下標索引是什么原理？

通過$(".Class")構(gòu)建的對象結(jié)構(gòu)如下所示：

                   
整個結(jié)構(gòu)很明了，通過對象鍵值對的關(guān)系保存著屬性，原型保存著方法。我們來簡單的模擬一個這樣的數(shù)據(jù)結(jié)構(gòu)：（請查看右側(cè)代碼編輯器）

以上是模擬jQuery的對象結(jié)構(gòu)，通過aQuery方法抽象出了對象創(chuàng)建的具體過程，這也是軟件工程領(lǐng)域中的廣為人知的設(shè)計模式-工廠方法。

函數(shù)aQuery()內(nèi)部首先保證了必須是通過new操作符構(gòu)建。這樣就能保證當(dāng)前構(gòu)建的是一個帶有this的實例對象，既然是對象我們可以把所有的屬性與方法作為對象的key與value的方式給映射到this上，所以如上結(jié)構(gòu)就可以模擬出jQuery的這樣的操作了，即可通過索引取值，也可以鏈式方法取值，但是這樣的結(jié)構(gòu)是有很大的缺陷的，每次調(diào)用ajQuery方法等于是創(chuàng)建了一個新的實例，那么類似get方法就要在每一個實例上重新創(chuàng)建一遍，性能就大打折扣，所以jQuery在結(jié)構(gòu)上的優(yōu)化不僅僅只是我們看到的，除了實現(xiàn)類數(shù)組結(jié)構(gòu)、方法的原型共享，而且還實現(xiàn)方法的靜態(tài)與實例的共存，這是我們之后將會重點分析的。