js面向对象(二 prototype原型对象)

prototype代表原型，它是JavaScript内置类型的一个属性，它的值表示了一个类的成员的集合。因为Object类型是所有对象的原型，所以自定义类型对象也包含prototype原型对象。prototype对象允许将一个属性添加到指定的类型对象上。

function Person(){
//使用空构造函数定义Person类
};
Person.prototype.setName = function(pName){
//为Person类添加setName方法
this.name = pName;
};
Person.prototype.getName = function(){
 //为Person类添加getName方法
 return this.name;
}

  使用无类型对象的定义方式指定prototype对象

 

function Person(){
};//使用空构造函数定义Person类
Person.prototype = {
//使用无类型对象指定prototype的值
  age:20,
  setName:function(pName){
  this.name = pName;
  },
  getName:function(){
  return this.name;
 },
  getInfo:function(){
   return "I am " + this.name + ".I'm " + this.age + " years old!";
   }
};

 Person对象的创建过程解释器首先创建一个新对象，然后让this指针指向它；将函数的prototype对象的所有成员都赋给 这个新对象；执行函数体，对这个对象进行初始化操作；返回已创建的对象。

  继承是面向对象思想中另外一个重要的特征
继承为软件开发主要带来两方面的好处：
代码重用
在一定程度上减少显示类型转换的代码
JavaScript是一种弱类型语言，本身也没有严格意义上的类的概念，所以它并不包含显示类型转换的语言特征。

   共享prototype实现继承-1
实现继承的主要目的是代码重用，或者说是对象的成员的共享。
protype原型对象是对象成员的集合，因此可以可以通过共享prototype实现继承

 

ChildObject.prototype = ParentObject.prototype;

 创建Mammal类

 

function Mammal(){
//哺乳动物类定义
this.name = "Mammal";//添加name成员属性
}
Mammal.prototype.eat = function(){
//添加eat成员方法
alert(this.name + " is eating!");
};
Mammal.prototype.sound = function(){
//加sound成员方法
alert(this.name + " is sounding.....");
};

  创建Cat类

function Cat(){
//猫类定义
 this.name = "Cat";//添加name成员属性
}
 //通过prototype对象共享实现Cat继承Mammal
 Cat.prototype = Mammal.prototype;
 var cat = new Cat();
 cat.eat();
 cat.sound();

  重写Cat类的sound方法

 

Cat.prototype.sound = function(){
//重写Mammal类的sound方法
alert(this.name + " is miaowing!")

} 
var m = new Mammal();
m.eat();
m.sound();

  利用共享prototype对象实现JavaScript继承虽然简单，但如果子类重写了父类的方法，父类也会受到影响
通过复制一份父类prototype对象中的成员集合给子类，这样子类在重写方法时就不会影响到父类了

 

for(var i in Mammal.prototype){
//遍历原型对象中的类成员
Cat.prototype[i] = Mammal.prototype[i];//进行原型复杂
} 

 大部分面向对象语言为了定义抽象方法或抽象类都提供了诸如“abstract”、“virtual”等关键字。

 JavaScript语言中虽未提供类似的关键字，但实现抽象的方式却异常简单。
 在JavaScript中，抽象方法是没有被定义、但却被this指针直接引用的方法。（在一种已经说了）

function Shape(){}//创建形状类
//为Shap类添加drawShap方法，注意其中调用了一个未定义的抽象方法
rawShape.prototype.drawShap = function(){
 this.draw();//可以当做是一个abstruct
}

 创建圆类和正方形类

 

function Circle(){}//创建圆形类
function Square(){}//创建正方形类

 利用反射机制实现圆形类继承形状类、正方形继承形状类

for(var i in Shape.prototype){
Circle.prototype[i] = Shape.prototype[i];
Square.prototype[i] = Shape.prototype[i];
}

 为Circle类和Square类添加draw抽象方法实现

Circle.prototype.draw = function(){
alert("画圆...");
};
Square.prototype.draw = function(){
alert("画正方形...");
};

 测试

var shape1 = new Circle();
var shape2 = new Square();
shape1.drawShap();
shape2.drawShap();