javascript的面向对象方法调用中的优先级浅析

javascript的面向对象有人说实际上应该成为基于对象，我觉得很有道理。因为javascript中只有所有构成的基本元素就是对象，包括类也是以对象的形式出现的。

这里不打算分析javascript面向对象的基本原理，只想从面向对象的方法调用的角度入手，了解javascript的继承中，方法的优先级。

 

首先定义一个类：person

function person(){ this.name; this.age; this.sex; // this.getName=function(){ // console.log("person类的getName被调用"); // return this.name; // }; this.setName=function(name){ console.log("person类的setName被调用"); this.name=name; }; }

类同时也是一个方法，上面的类定义代码中，定义了内联的方法getName和setName。

然后给类的prototype属性定义两个同名的方法：

person.prototype.getName=function(){ console.log("person.prototype.getName()被调用"); return this.name; } person.prototype.setName=function(name){ console.log("person.prototype.setName()被调用"); this.name=name; }

给类的原型定义方法：person.prototype.getName=function()...  意义上等价于：给person这个方法所代表的类，定义方法。仔细看来：这里的person.prototype是一个引用，指向的是person方法所代表的类。我们知道，引用都是指向对象的，为什么还有指向类的引用呢？其实这个类就是对象。只不过javascript里所有东西都是对象，不存在纯粹的类。

 

实际上这里的person一方面代表一个方法（构造函数）。另一方面person.prototype代表的就是传统意义上的类。那么给这个person类定义的方法，就可以被所有person类的对象使用。

 

而现在看来，类的内联方法和类的原型中定义的方法同名，都可以通过例如：对象名.getName()的方式来调用。

 

我们建立一个这个person类的实例my，看看调用的效果：

var my=new person(); my.setName("peter"); var name=my.getName(); console.log(name);

 

console.log(name)将输出peter,这是调用了person构造函数中的内联方法getName的结果。如果注释掉内联方法getName，将调用person.prototype中定义的getName方法。

 

由此说明，构造函数中定义的方法优先级高于原型中定义的方法。

 

再进一步，给my这个对象，顶一个getName方法，看看结果：

 

var my=new person(); my.setName("peter"); my.getName=function(){ console.log("my对象的.getName()被调用"); return this.name; } var name=my.getName(); console.log(name);

 

现在my这个对象也有了一个getName方法，再次执行，my.getName()将调用my对象中定义的getName()

 

由此说明，当方法名相同时，方法优先级由高至低：对象中定义的方法-->类构造函数中的内联方法-->类原型中定义的方法。

 

上面说明的情况不涉及到类的继承。只是说明一个类和这个类的对象中有同名的方法时，调用的优先级。

 

那么，有继承的情况如何呢？

 

我们简单的定义一个类继承person：

 

function employee(){ console.log("employee的构造函数被调用"); } employee.prototype=new person(); var emp1=new employee(); emp1.setName("john"); var john=emp1.getName(); console.log(john);

 

这里，emp1.setName("john")首选考虑调用的是他的父类的构造函数中内联的方法，其次在考虑prototype中定义的方法。

同样的，如果给john对象定义了一个getName方法的话：
employee.prototype=new person(); var emp1=new employee(); emp1.setName("john"); emp1.getName=function(){ console.log("john类的getName方法被调用"); return this.name; }; var john=emp1.getName(); console.log(john);

 

那么这时，emp1对象的getName方法被优先调用。相当于覆盖了父类中定义的同名方法。