首页 / JAVASCRIPT / js类定义函数时用prototype与不用的区别示例介绍

js类定义函数时用prototype与不用的区别示例介绍

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了js类定义函数时用prototype与不用的区别示例介绍，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1150字，纯文字阅读大概需要2分钟。

内容图文

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

内容总结

以上是互联网集市为您收集整理的js类定义函数时用prototype与不用的区别示例介绍全部内容，希望文章能够帮你解决js类定义函数时用prototype与不用的区别示例介绍所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/362072.html

来源：【匿名】