1. 程式人生 > >jquery總體架構

jquery總體架構

( function( global, factory ) {

    "use strict";

    if ( typeof module === "object" && typeof module.exports === "object" ) {

        module.exports = global.document ?
            factory( global, true ) :
            function( w ) {
                if ( !w.document ) {
                    throw new Error( "jQuery requires a window with a document" );
                }
                return factory( w );
            };
    } else {
        factory( global );
    }

} )( typeof window !== "undefined" ? window : this, function( window, noGlobal ) {
        .... 
    if ( !noGlobal ) {
        window.jQuery = window.$ = jQuery;
    }
    return jQuery;
} );

 它是一個自執行的函式,當引入jquery的時候它就會自動執行,並做一個初始化工作,

 typeof window !== "undefined" ? window : this //  這是用來判斷當前執行環境,(瀏覽器、node)
 if ( typeof module === "object" && typeof module.exports === "object" ) //  這是判斷當前環境是否支援模組化,模組化時jquery、$就不在是全域性變數
if ( !noGlobal ) {        noGlobal 表示jquery是否要設定為  區域性變數
        window.jQuery = window.$ = jQuery;      //  根據需要把jquery、$設定為全域性變數
    }

PS:  引入jquery.js時候就初始化$,並根據需要新增到全域性變數,當使用模組化程式設計時需注意它的作用域