jquery源码解读1

( function ( global, factory ) {

 

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

         // For CommonJS and CommonJS-like environments where a proper window is present,

         // execute the factory and get jQuery

         // For environments that do not inherently posses a window with a document

         // (such as Node.js), expose a jQuery-making factory as module.exports

         // This accentuates the need for the creation of a real window

         // e.g. var jQuery = require("jquery")(window);

         // See ticket #14549 for more info

         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 );

     }

 

// Pass this if window is not defined yet

}( typeof  window !==  "undefined"  ? window :  this ,  function ( window, noGlobal ) {   /* 刚刚说的容易看卡住的地方 */

 

　　　　 //说白了这里就是写各种JQ功能函数的地方，大概有一万多行

 

}));




其中形参global的实参a是一个三目运算符   typeof window !== "undefined" ? window : this    用于判断当前执行环境是否支持window类型，是的话返回window，否则返回this

形参factory的实参b则是一个函数，里面包含了一万多行的JQ功能函数  function( window, noGlobal ) { ......  }

既然这个外部匿名函数的参数的值我们都清楚了，那么来看下这个匿名函数又是啥作用的？（光看JQ自带的英文注释我们可以大致知道它是为了兼容node.js、sea-JS等符合CommonJS规范或类CommonJS规范的js框架）

首先我们看这行判断语句：      if ( typeof module === "object" && typeof module.exports === "object" )

玩过node.js的朋友自然会知道module.export和export是node.js中用来创建模块的方法，那么就好理解了，若此条件成立，则要执行下面语句来兼容node.js（说白了就是利用形参factory做中间人，来把JQ的各个功能模块用node.js创建模块的方法创建起来）

{              module.exports = global.document ?        //三目运算符，先判断当前环境是否支持window.document属性                               //（注意我们上面提到过形参global的实参是window）                factory( global,  true  ) :             //支持的话就好办啦，只要咱用常规的浏览器一般都是支持的，那就直接module.exports = factory( global, true )，                        //把JQ后面那一万多行的功能函数扩展到node.js里面。（注意我们上面提到过形参factory的实参是实现JQ各种功能的一个外部函数）                function ( w ) {           //如果当前环境不支持window.document属性，那就写个函数扔个Error说这环境不适用JQ，但依旧返回JQ的功能函数（但大部分估计是不能用的了）                  if  ( !w.document ) {                        throw  new  Error(  "jQuery requires a window with a document"  );                    }                    return  factory( w );                }; }

 

 嗯，这样就兼容了node.js咯，那么如果咱没有用node.js这种CommonJS规范的框架，也就是说条件if ( typeof module === "object" && typeof module.exports === "object" )不成立。那就直接执行后面else里的部分：

factory( global );

也就是直接引入JQ那一万多行的功能函数即可。