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

Question

与constructor 相比，我应该什么时候使用initComponent？

我一直在使用 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 仅用于泛型类。