jQuery源碼分析系列（持續更新）

?

jQuery的源碼有些晦澀難懂，本文分享一些我看源碼的方法，每一個模塊我基本按照這樣的順序去學習。

當我讀到難度的書或者源碼時，會和《如何閱讀一本書》結合起來進行學習。推薦讀讀這本書，你可以從這里和這里下載。

?

第一部分：檢視閱讀

?

1.?收集參考資料：官方文檔、書籍、百度/谷歌，專題/博客等，快速的瀏覽，對涉及的知識點、范圍、深度、是否有參考意義等有大致的了解和判斷，知道這些文章的作者想要解釋或解決什么問題。

?

第二部分：分析閱讀

?

2. 細讀官方文檔，官方有非常詳細的文檔說明，隨手打開翻譯工具，不懂的單詞及時查證，不要一開始就去讀中文API，因為很多是機器翻譯；讀懂官文之后，再與中文API相互印證，加深理解。

?

3. 驗證官方示例

打開Firebug或Chrome的調試工具，在控制臺中輸入命令進行驗證；或者打開http://jsfiddle.net/，手動輸入HTML、CSS、JavaScript；如果是AJAX，就去搭建自己的服務器和服務端程序。

到這一步，對API的功能、用法用已經初步掌握，保持這個學習習慣，可以很快成為一名jQuery熟練工。但這還是初級階段，不過是掌握了一些知識（what）、知道了如何應用（how），還弄不清這些API的背后是如何設計和實現的（why）；不過有了前邊的基礎準備工作，終于可以開始讀源碼了。

?

4. 開始讀源碼

首先把模塊的結構整理出來，從整體理解，比如總體架構、Event源碼結構；

接下來是邊讀邊加注釋，對每行代碼每個函數調用都要字斟句酌吹毛求疵，覺得有趣的、驚艷的、疑問的、坑爹的、猜測、啟發、聯想等等，詳細的把這些思考的過程和結果記錄下來（放心吧jQuery值得你花時間這么做，你會體會到其中的樂趣，并很快發現這么做是有價值的）；

邊讀邊注釋的過程中，設計一些測試用例，在調試工具（我發現Chrome比Firebug好用多了）中設置斷點，通過單步調試來檢驗糾正我的理解；

最后，總結出API的實現思路和關鍵代碼，這是這一步最重要的2個成果。

我總結的經驗是，自己主動努力分析，不要去看別人的分析。原因嗎，比如版本問題、作者的水平和耐心等，最重要的是我發現，在讀懂源碼之前我經常讀不懂這些文章。

?

第三部分：主題閱讀

?

5.?大量閱讀相關的網文和書籍（第1步收集的資料），重點閱讀相同主題的分析文檔，網上常問的問題等，在閱讀的過程中不斷修正和完善自己的理解。

同樣需要不停的debug。

?

6. 寫一篇應用教程（優秀的應用教程已經很多了，有時間也會寫寫，但不多）。

?

7. 寫一篇源碼分析，記錄自己的心得，加深理解和記憶。

?

分析jQuery源碼是成長為中級JSer的一條捷徑，希望對大家能有所啟發。

原文：http://www.cnblogs.com/nuysoft/archive/2011/12/08/2280855.html

轉載于:https://www.cnblogs.com/kuangliu/p/4466241.html

總結

以上是生活随笔為你收集整理的[转] jQuery源码分析-如何做jQuery源码分析的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。