jQuery學(xué)習(xí)筆記之總體架構(gòu)

更新時(shí)間：2014年06月03日 09:13:36 作者：

jQuery是一個(gè)兼容多瀏覽器的javascript框架，核心理念是write less,do more(寫得更少,做得更多)。如今，jQuery已經(jīng)成為最流行的javascript框架，在世界前10000個(gè)訪問(wèn)最多的網(wǎng)站中，有超過(guò)55%在使用jQuery。那么作為一個(gè)前端設(shè)計(jì)師，怎么可能不來(lái)深入了解下jQuery呢，首先我們從他的總體構(gòu)架開(kāi)始吧

先來(lái)看代碼：

復(fù)制代碼代碼如下:

(function (window, undefined) {
            //構(gòu)建jQuery對(duì)象
            var document = window.document,
                navigator = window.navigator,
                location = window.location;
            var jQuery = (function () {
                var jQuery = function (selector, context) {
                    return new jQuery.fn.init(selector, context, rootjQuery);
                },
                _jQuery = window.jQuery;
                //............................
                //............................                  
                return jQuery; //981行
            })();
            //工具方法:Utilities;我在jQuery源碼中沒(méi)有發(fā)現(xiàn)是哪一塊,如果有發(fā)現(xiàn)的.可以告訴我一下
            //回調(diào)函數(shù)列表 Callbacks
            //異步隊(duì)列 Deferred
            //瀏覽器功能測(cè)試 Support
            //數(shù)據(jù)緩存  Cache
            //屬性操作  Attributes
            //隊(duì)列 Queue
            //事件系統(tǒng) Event
            //選擇器 Sizzle
            //Dom遍歷 Traversing
            //Dom操作 Manipulation
            //樣式操作 CSS
            //異步請(qǐng)求 Ajax
            //動(dòng)畫 Effects
            //坐標(biāo) Offset. 尺寸Dimensions
            window.jQuery = window.$ = jQuery;
        })(window);

1.這個(gè)就是jQuery源碼的結(jié)構(gòu)了.個(gè)人覺(jué)得還是相當(dāng)?shù)那逦陀袟l理的.

2.jQuery的整個(gè)最外層就是一個(gè)自調(diào)用的匿名函數(shù),這樣就可以創(chuàng)建一個(gè)閉包.該閉包中的各種變量,函數(shù)就不會(huì)和閉包外的變量和函數(shù)發(fā)生影響,確保了jQuery的獨(dú)立性,安全性.

3最后一句代碼:window.jQuery = window.$ = jQuery;則是定義了一個(gè)全局變量jQuery和$.并且吧私有變量jQuery的引用賦給了這個(gè)全局變量.

4.將最大的對(duì)象window當(dāng)做實(shí)參傳遞到函數(shù)中,使得window變成了局部變量,可以大大的縮短查找window的查找時(shí)間,同樣節(jié)省資源.

5,第二個(gè)參數(shù)undefined,是一個(gè)形參,在實(shí)際執(zhí)行的時(shí)候,沒(méi)有獲得參數(shù)賦值,那么系統(tǒng)就會(huì)給他自動(dòng)賦值成undefined.這樣在jQuery的閉包中確保了undefined值的真時(shí)性,因?yàn)閡ndefined在jQuery的外面有可能被篡改掉.盡管這個(gè)篡改的結(jié)果,各種瀏覽器不一樣.

您可能感興趣的文章: