javascript - 关于 Ext.define() 中 initComponent() 的最佳实践

Question

我正在使用 Ext.define() 以 ExtJS 的新 MVC 方式编写所有组件。

我有点纠结是在 initComponent() 内部定义属性，还是简单地设置它们，如 property: 42,。

是否有广泛接受的最佳实践？

我在仅在必要时(即当我想要一些动态的东西或设置范围时)使用 initComponent() 之间犹豫不决，这样可以使函数更短并避免我遇到一些难看的 this。 并始终使用它，这样做的好处是，我永远不必将以前的属性移动到 initComponent() 只是因为我想让它更加动态。

不幸的是，Sencha 的文档并没有对此进行太多说明，并且可用的示例似乎按照他们的意愿进行。

Answer 1

个人习惯，我会在属性区声明变量的时候

• 定义大小的变量，例如x、y、width、height
• 等待被覆盖或可自定义的变量，例如 title、saveBtnTxt、url、fields、 iconCls
• 一些常量将具有特殊的前缀，因此不会轻易被覆盖

然后我将声明 items、listeners、this.on、Ext.apply(me, {..}) 或任何需要 obj 范围(this、me)位于我的 initComponent 内的内容。或者在一切设置之前应该修改/覆盖的东西，这样用户就不会通过覆盖一些重要的变量来破坏我的组件。

当然，这将作为我的指导。 2美分

编辑

关于丑陋的this，我在我的应用中广泛使用了变量me，它看起来比this干净很多。减少改变范围的频率也让我受益匪浅。