第7讲：JavaScript中的面向对象编程(二).ppt

Javascript面向对象编程 1、javascript的继承 2、javascript的多态 JavaScript中的继承 JavaScript中的继承 特点： 1、ECMAScript中并没有像其他语言那样严格地定义抽象类. 2、所有类的方法都是public的作用域 3、继承的方式不止一种,支持多重继承 严格讲，javascript的继承机制并不是明确规定的，而是通过模仿实现的。 对象冒充 其原理如下：构造函数使用this关键字给所有属性和方法赋值.因为构造函数只是一个函数，所以可使用ClassA的构造函数成为ClassB的方法，然后调用它.ClassB就会收到ClassA的构造函数中定义的属性和方法. eg1: function ClassA(sColor){ this.color = sColor; this.sayColor = function(){ alert(this.color); } } function ClassB(sColor) { this.newMethod = ClassA; this.newMethod(sColor); delete this.newMethod; } 注意:所有的新属性和新方法都必须在删除了新方法的代码行后定义.否则,可能会覆盖超类的相关属性和方法. function ClassA(sColor){ this.color = sColor; this.sayColor = function(){ alert(this.color); } } function ClassB(sColor,sName){ this.newMethod = ClassA; this.newMethod(sColor); delete this.newMethod; = sName; this.sayName = function(){ alert(); } } //call Var objA = new ClassA(“red”); Var objB = new ClassB(“blue”,”zhang”); objA.sayColor(); //output “red”; objB.sayColor(); //output “blue”; objB.sayName(); //output “zhang”; 模仿多重继承 eg: function ClassC(sColor,sName,sModel) { this.newMethod = ClassA; this.newMethod(sColor); delete this.newMethod; this.newMethod =ClassB; this.newMethod(sName); delete this.newMethod; this.model=sModel; this.sayModel = function() { alert(this.model); } } //call var cObj = new ClassC(red,zhang,T40); cObj.sayColor(); //output “red” cObj.sayName(); //output “zhang”; cObj.sayModel(); //output “T40”; 注意：多重继承防止出现父类同名问题 由于这种方式的流行，ECMAScript的第三版为Function对象加入了两个新方法 Call()和apply() 2、Call()方法 call方法是与经典的对象冒充方法最相似的方法.它的第一个参数用作this的对象,其他参数都直接传递给函数自身. eg: function sayColor(sprev,snext) { alert(sprev+this.color+snext); } var obj = new Object(); obj.color = “red”; sayColor.call(obj,”The color is ”,”a very nice color”); //output “The color is red ,a very nice color” 利用call关键字实现继承 function ClassA(sColor) { this.color = sColor; this.s