jQuery源码剖析（五）——jQuery对象

//首先我们定义一个jQuery类，别名是$，下边用$代替
//假设这里定义一个对象 ： dom$ = new jQuery('#id');
class jQuery{
  //正如我第一篇《jQuery源码剖析（一）——概览&工具方法》写的
  //里边有一些静态的工具方法
  //可以使用 $.each() / $.map() / $.makeArray()
  public static each(){}
  public static map(){}
  public static makeArray(){}
 
  //紧接着是构造函数
  jQuery(selector, context, rootjQuery){}
 
  //接着是一些成员函数
  //我们经常这样使用
  //   dom$.addClass('cls1');
  //   dom$.eq(0);
  //   dom$.find('.child');
  public addClass(clr){}
  public eq(idx){}
  public find(selector){}
 
  //这里还有一些静态成员和私有成员
  //这些都不是关键的东西，暂时忽略
  public static guid;
  public selector;
}

var dom$ = new jQuery('#id');
dom$.addClass('clr');//成员方法
jQuery.each([], function(){});//静态方法

class jQuery{
  //内部辅助的初始化函数
  class init(){
 
  }
 
  //构造函数
  jQuery(selector, context, rootjQuery){
    return new init(selector, context, rootjQuery);
  }
}

var dom$ = jQuery('#id');
dom$.addClass('clr');//成员方法
jQuery.each([], function(){});//静态方法

class jQuery{
  public static each(){}
  public static map(){}
  public static makeArray(){}
  jQuery(selector, context, rootjQuery){}
 
  //内部类
  class init(){
  }
 
  //成员方法
  public addClass(clr){}
  public eq(idx){}
  public find(selector){}
}
//等同于
class jQuery{
  public static each(){}
  public static map(){}
  public static makeArray(){}
  jQuery(selector, context, rootjQuery){}
}
jQuery.prototype = {
  //这个原型对应的构造器是什么
  constructor : jQuery
 
  //内部类
  init : Class
 
  //成员方法
  addClass : function(clr){}
  eq : function(idx){}
  find : function(selector){}
}

// Define a local copy of jQuery
//定义一个jQuery类
jQuery = function( selector, context ) {
  // The jQuery object is actually just the init constructor 'enhanced'
  //这里相当于：
  //return new jQuery.prototype.init( selector, context, rootjQuery );
  //init是一个内部类！
  return new jQuery.fn.init( selector, context, rootjQuery );
};
 
//接近着开始定义成员方法，跟内部类
jQuery.prototype = {
  //指定构造函数
  //这样init类生产出来的东西的构造器也是jQuery了！
  constructor: jQuery,
 
  //内部init类
  init: function( selector, context, rootjQuery ) {
  },
 
  //成员变量
  length: 0,
 
  //成员方法
  size: function() {},
  toArray: function() {},
  get: function() {},
};
 
//看到没，jQuery类的所有成员方法是在prototype里边的
//jQuery里边还用了另一个引用去记录：fn
//名字很好理解，就是function的缩写
jQuery.fn = jQuery.prototype;
 
//为了让init类生成的是一个jQuery对象
//于是乎就要：init.prototype = jQuery.prototype;
//也即是这样：jQuery.prototype.init.prototype = jQuery.prototype;
jQuery.fn.init.prototype = jQuery.fn;