從今天開始讀Jquery原始碼，並開始解析原始碼的思路，記下來備忘。後邊會整理出一個完整的。

Write less,Do more！—Jquery理念

想必只要是學過前端，學過html+css+js這一套用來寫網頁的技術的人必然不能不知道大名鼎鼎的Jquery，但這裡還是給零基礎的童鞋進行一下科普，Jquery是一個前端js庫，用來簡便的操作DOM和Ajax，並且在建立動畫，事件繫結上也比原生的js方便很多，極大的提高了前端程式猿們的開發效率，同時Jquery的閉包防止作用域汙染，模組化(需要一定的版本)等非常完善。據說全世界一萬個最熱門的網站中有百分之55的網站使用Jquery，Jquery的例項可見一斑。

$('.class').html();
$('.class').find(selecter).val();
$().ready()

我們平常用Jquery來操作DOM時，上述的程式碼不少見，從程式碼中我們可以看出$()即Jquery()函式返回的應該是一個具有各種Jquery內部函式的物件，但卻又不是一般的建構函式（理由和原因後邊說）,對應這下邊的原始碼來看。

    // Jquery定義
    jQuery = function( selector, context ) {

        //這裡其實返回的是new jQuery.fn.init( selector, context )
 

        return new jQuery.fn.init( selector, context );

    }

為什麼要返回new jQuery.fn.init()呢
首先解釋一下jQuery.fn就是jQuery.prototype兩者是等價的，只是讓字面上看上去是操縱的fn而不是原型，原型中的init方法是如下定義的

var init = jQuery.fn.init = function( selector, context, root ) {
    //裡面的內容暫時先不寫，大致是用來對selector進行分析然後建立物件用的
}
//在這個函式後邊有如下程式碼
// Give the init function the jQuery prototype for later instantiation（將jquery的原型賦給init的原型，既讓init物件和jQuery物件擁有一樣的原型）
 

init.prototype = jQuery.fn;

那為什麼要如此麻煩的構造呢，注意到原始碼是使用嚴格模式進行編碼的，也就是說this在非new的函式中是undefined，而使用者在使用jQuery的時候並沒有去new $()或者new jQuery()這種方式，所以必須在內部new一個物件返回出去，但是原意是想new一個jQuery物件卻又想用jQuery這個函式若是程式碼按如下的方式寫

// Jquery定義
    jQuery = function( selector, context ) {

        //這裡其實返回的是new jQuery.fn.init( selector, context )
        return new jQuery( selector, context );

    },

聰明的讀者一看就知道會造成迴圈構造，所以這個方法是行不通的，所以jQuery的作者使用了一種非常巧妙的方法去做這種事這就是上邊為什麼這麼做的原因。
來解釋一下這麼做為什麼是可行合理的，首先，jQuery()函式返回的是new的一個jQuery.fn.init()物件，並不是jQuery物件，若僅僅這樣，init物件並不是jQuery，並沒有jQuery的所有方法，所以在後邊又用init.portotype = jQuery.portotype來使init成為jquery的一個引用，使得new出來的物件具有jQuery的所有方法，有讀者又會問，jQuery呼叫init，init原型又是jQuery的原型就不會造成迴圈了嗎，答案是不會的，因為這裡只是原型的引用，在執行的時候並不會去執行，就像學過連結串列和遞迴的同學都應該知道，在函式無限的呼叫自身函式會死迴圈，而頭尾相接的連結串列是完全合理可以存在的。

下一篇預告，上邊程式碼中不是缺了init的詳細程式碼麼，你懂得。。