jquery总体架构

来源：互联网发布：市场数据分析方法编辑：程序博客网时间：2024/06/16 19:53

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

0 0