手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js类定义函数时用prototype与不用的区别示例介绍
js类定义函数时用prototype与不用的区别示例介绍
摘要:一直在使用js编写自以为是面向对象的方法,遇到一个问题,就是定义一个方法,如下:复制代码代码如下:functionListCommon2(f...

一直在使用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与不用的区别示例介绍】相关文章:

JavaScript中的异常处理方法介绍

js去除字符串里中文与空格的例子

如何用JS取得网址中的文件名

javascript函数特点实例

在ASP.NET MVC项目中使用RequireJS库的用法示例

Javascript 高阶函数使用介绍

jquery中map函数遍历数组用法实例

JavaScript函数使用的基本教程

JavaScript对W3C DOM模版的支持情况详解

jQuery插件实现适用于移动端的地址选择器

精品推荐
分类导航