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