extjs4 - 定义对象时的initComponent vs构造函数

Question

与initComponent相比，我应该何时使用constructor？

我一直在使用initComponent扩展对象，但是查看Ext.define的文档，可以发现它们在整个地方都使用了构造函数。有什么不同？

比较:

Ext.define('My.app.PanelPart2', {
    extend: 'My.app.Panel',
    constructor: function (config) {
        this.callSuper(arguments); // calls My.app.Panel's constructor
        //...
    }
});

至

Ext.define('My.app.PanelPart2', {
    extend: 'My.app.Panel',
    initComponent: function (config) {
        Ext.apply(this, config);
        this.callParent(arguments);
    }
});

我知道一些组件没有初始化的事实(我在看着你 Ext.data.Store)，这使我倾向于只重写构造函数，因为这应该是通用的。

Answer 1

constructor是用于初始化对象实例的OOP标准，并且在每个ExtJS类(由Ext.define创建的所有内容)中都可用。
initComponent是ExtJS扩展，用于初始化组件-扩展Ext.Component的类。它使用模板化的方法模式，并在自定义组件初始化之前和之后启用一些标准的初始化步骤。像这样:

Ext.Component.constructor() {
    - init events
    - apply config
    - create plugins
    - ...
    - your custom component initialization (initComponent)
    - ...
    - init plugins
    - etc.
}

我最好的做法是在每次创建自定义组件时都使用 initComponent，而仅对通用类使用 constructor。