JavaScript的另外两种继承机制--zInherit/xbOjbects

1>zInherit：

      它是一个组件，用来继承基类的所有属性和方法。跟以前说到的原型链模式非常类似，只不过比原型更安全，也无须考虑参数问题。下面看看zInherit的用法：

      该组件中只有两个方法：inheritFrom() instanceof()

    

function Polygon(iSides){
this.iSides = iSides;
if(typeof Polygon._initialized == "undefined"){
Polygon.prototype.getArea = function(){
return 0;
}
Polygon._initialized = true;
}
}

function Traingle(iHeight,iWidth){
Polygon.call(this,3);
this.iHeight = iHeight;
this.iWidth = iWidth;

if(typeof Traingle._initialized == "undefined"){
Traingle.inheritFrom(Polygon);
//上行的效果跟原来的这个非常类似
// Traingle.prototype = new Polygon();
Traingle.prototype.getArea = function(){
return 0.5*iHeight*iWidth;
}
Traingle._initialized = true;
}
}

var traingle = new Traingle(12,4);
alert(traingle.getArea());//24

 

    Note:在执行前必须加载zInherit.js

2>xbObjects.js

 

    它是一个功能更强大的继承机制，除了可以继承基类的属性和方法外，还可以调用父类的方法，在执行前页必须增加组件xbObject.js.

 具体的步骤如下：

   第一步：注册类（_classes.registerClass("sub_class","base_class") _classes.register("sub_class")）

   第二步：构造函数，并在函数中定义类(_classes.defineClass("class_name",prototypeFunction))

   第三步：执行init（）方法，该方法的参数必须跟构造函数的参数匹配

   第四步：可以通过parentMehtod("method_name",arguments)

  

<mce:script type="text/javascript"><!--
//Polygon
_classes.registerClass("Polygon"); //1
function Polygon(iSides){ //2
_classes.defineClass("Polygon",prototypeFunction);

this.init(iSides);//初始化Polygon的所有属性//3

function prototypeFunction(){//4
Polygon.prototype.init = function(iSides){
this.parentMethod("init");
this.iSides = iSides;
};
Polygon.prototype.getArea = function(){
return 0;
}
}
}

// Traingle

_classes.registerClass("Traingle","Polygon");
function Traingle(iWidth,iHeight){
_classes.defineClass("Traingle",prototypeFunction);

this.init(iWidth,iHeight);

function prototypeFunction(){
Traingle.prototype.init = function(iWidth,iHeight){
this.parentMethod("init",3);
this.iWidth = iWidth;
this.iHeight = iHeight;
};
Traingle.prototype.getArea = function(){
return 0.5*iWidth*iHeight;
}
}
}

var t = new Traingle(4,14);
alert(t.getArea()); //output 24
alert(t.iSides); //output 3
// --></mce:script>