我有一个我定义的 Ext JS 类。在这个班级的constructor
,我将一个文本字段推送到我的项目数组上,然后添加到我的测试字符串中。数组和字符串在类定义中都声明为空。但是,如果您尝试创建多个类实例,您将看到项目数组在每个实例之间共享,但字符串不是。
这看起来很奇怪,因为我希望类的定义被用作一种模板,所以每个新类都会从头开始。看来这不是真的,所以我认为这与基元与对象有关,但我不完全确定原因。 Ext JS 这样做背后的技术解释是什么?没有this
在构造函数中引用该特定实例,而不是实际的类定义?
我不是问如何解决这个问题...我知道该怎么做(在 initComponent/构造函数中声明数组和对象)。我想问一下这背后的技术解释是什么。据我所知,这不是 ES6 类的行为方式,所以我假设这是由于 Ext JS 类系统的设计造成的。
这是一个.
Ext.application({
name : 'Fiddle',
launch : function() {
Ext.define('MyClass', {
extend: 'Ext.panel.Panel',
alias: 'widget.myClass',
items: [],
border: true,
myTestString: '',
constructor: function(config) {
this.items.push({
xtype: 'textfield',
fieldLabel: 'test'
});
this.myTestString += 'hi';
this.callParent(arguments);
}
});
var v = Ext.create('Ext.container.Viewport', {
defaults: {
xtype: 'myClass',
listeners: {
afterrender: function(panel) {
console.log(panel.myTestString);
}
}
},
items: [{
title: 'One'
}, {
title: 'Two'
}, {
title: 'Three'
}]
});
}
});