JavaScript基于对象编程的概念（Ext）6

 

利用prototype的概念实现继承

<script type="text/javascript">   //理解javascript中的继承 function Animal(){     this.a = "aaa"; } Animal.prototype.name = "动物"; Animal.prototype.sex = "1";   var aa = new Animal(); alert(aa.a); // aaa alert(aa.name); //动物 alert(aa.sex); //1   function Pig(){     this.b = "bbb"; } Pig.prototype = new Animal(); //实现了继承关系   var p = new Pig();   //搜索顺序：p对象 -> p的原型对象 ->p的原型对象的原型对象 -> .... alert(p.a); // aaa alert(p.name); //动物 alert(p.sex); //1 alert(p.b); //bbb   function LittlePig(){ } LittlePig.prototype = new Pig();   var lp = new LittlePig(); alert(lp.name); // 动物 alert(lp.a); // aaa alert(lp.b); // bbb   </script>

 

利用Ext.extend方法实现继承

<script type="text/javascript">   function HH(){ } HH.prototype.a = 1; HH.prototype.b = 2; HH.prototype.c = "ccc"; HH.prototype.d = "ddd";   //创建的GG是一个构造函数对象 var GG = Ext.extend(HH,{a:3,b:4,d:"d"});   var g = new GG();   alert(g.a); // 3 alert(g.b); // 4 alert(g.c); // ccc alert(g.d); // d </script>