js类定义函数时用prototype与不用的区别

来源：动视网责编：小采时间：2020-11-27 21:24:22

js类定义函数时用prototype与不用的区别

js类定义函数时用prototype与不用的区别:一直在使用js编写自以为是面向对象的方法，遇到一个问题，就是定义一个方法，如下：代码如下:function ListCommon2(first,second,third) { this.First=function () { alert("first do"+first); } } ListCo

推荐度：

点击下载本文 文档为doc格式

导读js类定义函数时用prototype与不用的区别:一直在使用js编写自以为是面向对象的方法，遇到一个问题，就是定义一个方法，如下：代码如下:function ListCommon2(first,second,third) { this.First=function () { alert("first do"+first); } } ListCo

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