JavaScript中prototype与不使用prototype定义方法的区别

JavaScript中prototype与不使用prototype定义方法的区别

在编写JavaScript代码时，常尝试模拟面向对象编程风格，但在此过程中会遇到关于方法定义方式的具体问题。

 
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定义的方法（如do1）在行为上等同于类的静态方法。因此，可以直接通过构造函数名称进行调用，例如ListCommon2.do1("烧水1");。若尝试通过实例对象调用该方法，如t1.do1();，则会引发错误。

相反，使用prototype定义的方法（如do2）则表现为类的实例方法。这类方法必须通过new关键字创建类的实例后才能使用。如果尝试直接通过构造函数调用，如ListCommon2.do2("烧水1");，将会导致调用失败。

综上所述，使用prototype定义的方法等同于类的实例方法，其使用前提是通过new关键字实例化对象。此外，函数内部对this及其他函数的调用限制，也与实例方法的常规限制相似。

而未使用prototype定义的方法等同于类的静态方法，无需实例化即可直接调用。其函数内部的调用限制同样遵循静态方法的规则。

例如，在静态方法内部无法直接调用this.First();，因为此时this指向不明确或不符合实例方法的语境。