js类定义函数时用prototype与不用的区别示例介绍
时间：2020-12-12 09:45:01|栏目：JavaScript代码|点击： 次
一直在使用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();
上一篇：纯JS开发baguetteBox.js响应式画廊插件
栏 目：JavaScript代码
下一篇：wap手机图片滑动切换特效无css3元素js脚本编写
本文标题：js类定义函数时用prototype与不用的区别示例介绍
本文地址：http://www.codeinn.net/misctech/31996.html
