1.extend-prototype<script type="text/javascript">/**js实现继承的第一种方式是基于原型链的方式 */function Parent(){this.pv="parent";}Parent.prototype.pp="ok";Parent.prototype.showParentVlaue=function(){alert(this.pv);}function Child(){this.cv="child";}/**如果想进行赋值之后,才进行原型链的设定,这样赋值的原型对象*就会被重写,赋值的对象就不会存在新的原型对象中*//* Child.prototype={showChildValue=function(){alert(this.v);}        } *//*让child的原型链指向Parent对象,也就等于完成了一次继承 *注意内存模型  */Child.prototype=new Parent();Child.prototype.showChildVlaue=function(){alert(this.cv);}/*在使用原型链进行继承应注意以下问题:1.在设置了原型链之后再为原型链赋值2.一定要在原型链赋值之后才能添加或覆盖方法 *//**当执行了下面这句话之后,意味着Child的原型又重写了*这样就不存在任何的继承关系了,使用原型链需要注意的第一个问题  *//* Child.prototype={showChildValue=function(){alert(this.v);}        } *//*此时完成了对父类对象的覆盖 */Child.prototype.showParentVlaue=function(){alert("override parent");}var c=new Child();c.showParentVlaue();c.showChildVlaue();alert(c.pp);</script>
02extend-prototype02<script type="text/javascript">/**js实现继承的第一种方式是基于原型链的方式 */function Parent(){this.pv="parent";this.color=["red","yellow"]; }Parent.prototype.pp="ok";Parent.prototype.showParentVlaue=function(){alert(this.pv);}function Child(){this.cv="child";}Child.prototype=new Parent();Child.prototype.showChildVlaue=function(){alert(this.cv);}/*此时完成了对父类对象的覆盖 */Child.prototype.showParentVlaue=function(){alert("override parent");}var c1=new Child();/*使用原型链继承最大的缺点是,无法从子类中调用父类的构造函数*这样就没有办法把子类中的属性赋值到父类 第二个缺点:如果父类中存在引用类型,此时这个引用类会添加到子类的原型中,当第一个对象修改了这个引用之后,其他对象的引用同时修改 */c1.color.push("blue");//Child中原型中的color被修改 alert(c1.color);//red,yellow,bluevar c2=new Child();alert(c2.color);//red,yellow,blue</script>
03extend-call01<script type="text/javascript">/**js实现继承的第一种方式是基于原型链的方式 */function Parent(){this.color=["red","blue"]; this.name="Leon";}function Child(){/*Child中的this明显应该指向Child的对象 当调用Parent方法的时候,而且this又是指向了Child此时就等于在这里完成this.color=["red","blue"]也就等于在Child中有了this.color属性,这样也就变相的完成了继承 */Parent.call(this);//这种调用方式,仅仅完成了函数的调用,根本无法实现继承 //new Parent();}var c1=new Child();c1.color.push("green");//alert(c1.color);var c2=new Child();//alert(c2.color);alert(c2.name);</script>
04extend-call02<script type="text/javascript">/**js实现继承的第一种方式是基于原型链的方式 */function Parent(name){this.color=["red","blue"]; this.name=name;}function Child(name,age){this.age=age;/*使用伪造的方式可以把子类的构造函数参数传递到父类中*/Parent.call(this,name);}var c1=new Child("Leon",12);alert(c1.name+","+c1.age);var c2=new Child("Ada",22);alert(c2.name+","+c2.age);</script>
04extend-call03<script type="text/javascript">/**js实现继承的第一种方式是基于原型链的方式 */function Parent(name){this.color=["red","blue"]; this.name=name;this.say=function(){alert(this.name);}}/**由于使用伪造的方式,不会完成Child的原型指向Parent*所以Child中不存在say()方法,解决:将这个方法放置到Parent中使用this创建,但是此时每个对象中又存在一个say()方法,这样占用大量空间,不建议单独使用伪造方式继承  *//* Parent.prototype.say=function(){alert(this.name);} */function Child(name,age){this.age=age;/*使用伪造的方式可以把子类的构造函数参数传递到父类中*/Parent.call(this,name);}var c1=new Child("Leon",12);//alert(c1.name+","+c1.age);c1.say();var c2=new Child("Ada",22);//alert(c2.name+","+c2.age);c2.say();</script>
05extend like java<script type="text/javascript">/**组合的实现方式是属性通过伪造的方式实现,方法通过原型链的方式实现 */function Parent(name){this.color=["red","blue"]; this.name=name;}Parent.prototype.ps=function(){alert(this.name+"["+this.color+"]");}function Child(name,age){this.age=age;//已经完成伪造Parent.call(this,name);}Child.prototype=new Parent();Child.prototype.say=function(){alert(this.name+","+this.age+"["+this.color+"]");}var c1=new Child("Leon",22);c1.color.push("green");//c1.say();c1.ps();var c2=new Child("Ada",23);//c2.say();c2.ps();</script>