在JavaScript面向对象编程中使用继承

构造继承法:

<script language="javascript">
function ArrayList01()
{
    this.base = CollectionBase;
    this.base(); 
    
    this.m_Array = this.m_InnerArray;
     
    this.foo = function()
    {
        document.write(this + ': ' + this.m_Count + ': ' + this.m_Array + '<br />');
    };
   
    this.Add = function(item)
    {
        this.InsertAt(item, this.m_Count);
    };
    
    this.InsertAt = function(item, index)
    {
        this.m_InnerArray.splice(index, 0, item);
        this.m_Count++;
    };
   
    this.toString = function()
    {
        return '[class ArrayList01]';
    };
}
</script>

    原形继承法：

<script language="JavaScript">
function ArrayList02()
{   
    this.InsertAt = function(item, index)
    {
        this.m_InnerArray.splice(index, 0, item);
        this.m_Count++;
    };
   
    this.m_Array = this.m_InnerArray;
 
    this.toString = function()
    {
        return '[class ArrayList02]';
    };
}
 
ArrayList02.prototype = new CollectionBase();

ArrayList02.prototype.foo = function()
{
     document.write(this + ': ' + this.m_Count + ': ' + this.m_Array + '<br />');
};

ArrayList02.prototype.InsertAt = function(item, index)
{
    this.m_InnerArray.splice(index, 0, item);
    this.m_Count++;
};
</script>

    实例继承法：

<script language="javascript">
function ArrayList03()
{
    var base = new CollectionBase();
   
    base.m_Array = base.m_InnerArray;
     
    base.foo = function()
    {
        document.write(this + ': '+ this.m_Count + ': ' + this.m_Array + '<br />');
    };
   
    base.InsertAt = function(item, index)
    {
        this.m_InnerArray.splice(index, 0, item);
        this.m_Count++;
    };
   
    base.toString = function()
    {
        return '[class ArrayList03]';
    };
    return base;
}
</script>

    附加继承法：

<script language="JavaScript">
function ArrayList04()
{
    this.base = new CollectionBase();
    
    for ( var key in this.base )
    {
        if ( !this[key] )
        {
            this[key] = this.base[key];
        } 
    }
    
    this.m_Array = this.m_InnerArray;
     
    this.InsertAt = function(item, index)
    {
        this.m_InnerArray.splice(index, 0, item);
        this.m_Count++;
    }; 
}

ArrayList04.prototype.foo = function()
{
    document.write(this + ': ' + this.m_Count + ': ' + this.m_Array + '<br />');
}

ArrayList04.prototype.toString = function()
{
    return '[class ArrayList04]';
}
</script>