jquery源码学习笔记二 jQuery工厂

                       

笔记一里记录，jQuery的总体结构如下：

(function( global, factory ) {    //调用factory(工厂)生成jQuery实例    factory( global );}(typeof window !== "undefined" ? window : this, function( window, noGlobal ) {    //factory实现，jquery源码主体部分}));
   
   

    
    
1
    
    
2
    
    
3
    
    
4
    
    
5
    
    
6
   
   

那么这个生成jQuery的工厂是咋样的？

酱紫的：

function( window, noGlobal ) {    var jQuery = function( selector, context ) {//首先定义一个内部jQuery。注意，此jQuery只是一个工厂内部的变量，并非我们在外面引用的那个jQuery或$        return new jQuery.fn.init( selector, context );    };    /*然后，对这个内部jQuery对象进行各种增强、扩展*/    jQuery.fn = jQuery.prototype = {        //...    };    jQuery.extend = jQuery.fn.extend = function() {        //...    };    var init = jQuery.fn.init = function( selector, context, root ) {        //...    };    init.prototype = jQuery.fn;    jQuery.extend({        //...    });    jQuery.fn.extend({        //...    });    if ( !noGlobal ) {//最后，将内部jQuery赋给了外部，即我们所熟知的那个“$”        window.jQuery = window.$ = jQuery;    }    return jQuery;}
   
   

    
    
1
    
    
2
    
    
3
    
    
4
    
    
5
    
    
6
    
    
7
    
    
8
    
    
9
    
    
10
    
    
11
    
    
12
    
    
13
    
    
14
    
    
15
    
    
16
    
    
17
    
    
18
    
    
19
    
    
20
    
    
21
    
    
22
    
    
23
    
    
24
    
    
25
    
    
26
    
    
27
    
    
28
    
    
29
    
    
30
   
   

从工厂的代码来看，$ 本质上是一个函数，因此，我们才可以这样引用：

$(".class")
   
   

    
    
1