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>