Apply {}和Apply {items：...}之间的区别？

Question

我一直在我的InitComponent中使用Ext.Apply，就像这样

  Ext.apply(that, {
        xtype: 'form',
        items: [.....

但是我注意到我的窗口上有一个蓝色背景，其中使用了xtype，基本上使用以下修复问题。我想我在问这两者有什么区别？

  Ext.apply(that, {
        items: {
            xtype: 'form',
            items: [

如果您注意到第一个我直接在Apply上应用xtypes而第二个（修复了问题）我将包括数组项。

我应该使用哪一个？

Answer 1

使用第一个apply，您将form应用于'that'本身，而第二个apply则将form应用于items阵列。但为了让它更加混乱，你应该使用applyIf来确保你没有覆盖数组中的现有项目。

initComponent: function () {
    var me = this;

    Ext.applyIf(me, {
        items: {
            xtype: 'form',
            items: [
                ...
            ]
        }
    });

    me.callParent(arguments);
}