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();
?