jquery 源码初探，一步步兑现自己的jquery（二）

jquery 源码初探，一步步实现自己的jquery（二）
  一般的情况下，假如你创建一个js类的实例，需要这样调用构造函数，比如

       (function(){      TestClass=function (param1,param2){      this.result='start';      this.attr1=param1;      this.attr2=param2;    }      TestClass.fn=TestClass.prototype={        add:function(){        this.result=parseInt(this.attr1)+parseInt(this.attr2);        alert(this.result);    },      equals:function(){        if(this.attr1==this.attr2){        this.result=true;      }else{        this.result=false;      }    alert(this.result); }}})()var test=new TestClass(1,2);test.add();test.equals();//TestClass(1,2).add();

    此时你不能像jquery一样用jQuery("x").add()或者$("").add(),那么这个是怎么办到的呢很简单，改版如下：
    

     (function(){TestClass=function (param1,param2){  return new TestClass.fn.init(param1,param2);}TestClass.fn=TestClass.prototype={ add:function(){   this.result=parseInt(this.attr1)+parseInt(this.attr2);   alert(this.result); }, equals:function(){  if(this.attr1==this.attr2){    this.result=true;  }else{    this.result=false;  }   alert(this.result); }, init:function(param1,param2){  this.result='start';  this.attr1=param1;  this.attr2=param2;  return this; }}TestClass.fn.init.prototype=TestClass.fn;})()TestClass(1,5).equals();

改动很简单：

1,构造函数变成return new TestClass.fn.init(param1,param2); 2,在TestClass.fn里面加init方法，完成初始化 3,加上TestClass.fn.init.prototype=TestClass.fn;这句话，表示让init方法的prototype指向TestClass的prototype，这样构造函数返回的对象就具有了TestClass.prototype里面定义的方法。
  此时，你就可以直接 TestClass(1,5).equals();这样调用了，当然了，把TestClass换成$也是可行的，只要加上这句

var $=TestClass;window.$=$;window.TestClass=TestClass; 

下篇讲解稍微进阶一点的知识。




  

查看更多 下一篇