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

一直在使用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();

查看本栏目更多精彩内容：http://www.bianceng.cnhttp://www.bianceng.cn/webkf/script/

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索函数
， 方法
， function
， prototype
， do
， first
， 限制调用
， js出错
， JS定义类
js类静态方法
，以便于您获取更多的相关知识。