js面向对象编程: js类定义函数时用不用prototype的区别?

来源:互联网 发布:js高德地图api接口 编辑:程序博客网 时间:2024/05/21 19:38

   一直在使用js编写自以为是面向对象的方法,遇到一个问题,就是定义一个方法,如下:

   

         function ListCommon2(first,second,third){  this.First=function (){ alert("first do"+first);} } ListCommon2.do1=function(first){    //   this.First();  alert("first do"+first); }ListCommon2.prototype.do2=function(first){     // this.First();   alert("first do"+first); }
   两种方法到底有什么区别呢?用不用prototype有什么作用呢?

 测试代码:

 var t1=new ListCommon2("烧水1","泡茶1","喝1");    // t1.do1();//调用出错 ListCommon2.do1("烧水1"); var t2=new ListCommon2("烧水2","泡茶2","喝2");     t2.do2("烧水2");// // ListCommon2.do2("烧水1");//调用出错

经过测试发现,没有使用prototype的方法相当于类的静态方法,因此可以这样调用,ListCommon2.do1("烧水1");,如果这样调用就会出错,t1.do1();

相反,使用prototype的方法相当于类的实例方法,只有new后才能使用,ListCommon2.do2("烧水1");这样就会出错


结论,使用  prototype定义的方法相当于类的实例方法,必须new后才能使用,函数中可以调用函数的限制也会类的实例方法的限制有些类似

      使用  不使用prototype定义的方法相当于类的静态方法,可以直接使用,不需要new,,函数中可以调用函数的限制也会类的静态方法法的限制有些类似

例如不能调用this.First();



3 0
原创粉丝点击