ext继承中因为JavaScript数组赋值特殊性引起的一个问题

一个很有意思的问题

JavaScript代码 写道

//定义一个空类，没有任何东西
com.vortex.BlankClass = function (){
};

// 定义一个基类， 继承自空类，添加一个数组成员arr
com.vortex.BaseClass = Ext.extend(Ext.util.Observable, {
    arr: []
});


// 定义一个子类，继承自BaseClass，add方法， 向数组arr中添加一个1
com.vortex.SubClass1 = Ext.extend(com.vortex.BaseClass, { 
    add: function() {
        this.arr.push(1);
    }
});

// 再定义一个子类， 也继承自BaseClass，add方法， 向数组arr中添加一个2
com.vortex.SubClass2 = Ext.extend(com.vortex.BaseClass, { 
    add: function() {
        this.arr.push(2);
    }
});

function test(){
    var c1 = new com.vortex.SubClass1();
    c1.add();
    alert(c1.arr); // 这里得到的应该是1， 结果也确实是1， 没错

    var c2 = new com.vortex.SubClass2();
    c2.add();
    alert(c2.arr); // 这里得到的应该是一个2， 但是实际结果却是1,2 ，有趣的问题出现了
}

  原因分析：在extend过程中，只是将