js类定义函数时用prototype与不用的区别示例介绍
更新时间:2014年06月10日 08:51:37 作者:
没有使用prototype的方法相当于类的静态方法,相反,使用prototype的方法相当于类的实例方法,不许new后才能使用
一直在使用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();
复制代码 代码如下:
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();
您可能感兴趣的文章:
相关文章
JavaScript使用push方法添加一个元素到数组末尾用法实例
这篇文章主要介绍了JavaScript使用push方法添加一个元素到数组末尾,实例分析了javascript中push函数的使用技巧,需要的朋友可以参考下2015-04-04fixedBox固定div漂浮代码支持ie6以上大部分主流浏览器
本例为大家分享的是fixedBox固定div漂浮代码支持ie6以上大部分浏览器,需要的朋友可以参考下2014-06-06
最新评论