javascript使用和不使用prototype区别代码实例详解
程序员文章站
2022-04-27 19:33:01
...
没有使用prototype的方法相当于类的静态方法,相反,使用prototype的方法相当于类的实例方法,不许new后才能使用
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使用和不使用prototype区别代码实例详解的详细内容,更多请关注其它相关文章!
上一篇: vue router自动判断左右翻页转场动画效果的实现方法
下一篇: 关于php页面传值