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

最新推荐文章于 2022-06-14 22:22:10 发布

wwwcomy

最新推荐文章于 2022-06-14 22:22:10 发布

阅读量689

点赞数

分类专栏： JavaScript all

本文链接：https://blog.csdn.net/wwwcomy/article/details/49098761

版权

all 同时被 2 个专栏收录

204 篇文章 0 订阅

订阅专栏

JavaScript

19 篇文章 0 订阅

订阅专栏

现象：


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分离