您的位置:首页 > 其它

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

2015-10-13 15:01 267 查看
现象:

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分离
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: