Ext.extend 注意config中定义的数组 导致对象共用的问题

现象:
MyTabPanel = Ext.extend(Ext.TabPanel, {
	tabVisible : [false],
	constructor : function(config) {
	//this.tabVisible = [];
	},
	changeVisible : function(b){
		this.tabVisible[0]=true;
	}
});

var tab1 = new MyTabPanel();
var tab2 = new MyTabPanel();

tab1.changeVisible(true);
//tab2.tabVisible=?


如果加到constructor中 或者 如果把数组改为一个基本属性  效果又会怎样

结论: 由于Ext继承是直接使用的prototype 所以定义在config中的属性都是共有的  当进行操作的时候 如果使用this.tabVisible[] 实际上操作的是公有(我理解为static)的数组,所以这时候tab1.tabVisible===tab2.tabVisible

如果在constructor中定义,则是为每个对象分配了一个tabVisible[],互不影响

如果使用基本属性  prototype中会有这个属性定义, 但是如果对某个对象 比如tab1中写this.tabVisible=true,那么实际上就会单独为tab1分配出一个对象属性,与prototype以及tab2分离

你可能感兴趣的:(JavaScript,prototype,数组,ext继承)