jquery总体架构

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/Trifling_/article/details/69666591

( 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时候就初始化$,并根据需要添加到全局变量，当使用模块化编程时需注意它的作用域