编码原则：短小的函数

结构

代码行数不要超过 15 行，为啥是 15 呢？我也不知道。

/**
 * 根据元数据自动生成的表单。
 */
Ext.define('Happy.form.metadata.Panel', {
    extend: 'Happy.form.Panel',
    alias: 'widget.happy-metadata-form',
    mixins: {
        'custom-configable': 'Happy.mixin.CustomConfigable'
    },

    /**
     * 根据元数据配置表单 items。
     * 
     * @protected
     */
    configItems: function () {
        var me = this;

        me.items = Ext.clone(me.metadata.getDefaultFormItems());

        me.customConfigArray(me.items, 'name', 'config-item-');

        me.callScene('configItems', arguments);
    },

    /**
     * 根据元数据配置按钮。
     * 
     * @protected
     */
    configButtons: function () {
        var me = this;

        var actions = [
            {
                type: 'save',
                remoteSave: me.metadata.isLifeCycleIndependent()
            },
            {
                type: 'close'
            }
        ];

        me.customConfigArray(actions, 'type', 'config-button-');

        me.buttons = Happy.createActions(actions);

        me.callScene('configButtons', arguments);
    },

    /**
     * 根据元数据配置和当前表单相关的 items，如：订单的订单项列表。
     *
     * @protected
     */
    configRelatedItems: function () {
        var me = this;

        var relatedItems = me.callScene('getRelatedItems', arguments);
        if (!relatedItems) {
            return;
        }
        if (relatedItems.length == 0) {
            return;
        }

        me.addDocked({
            xtype: 'tabpanel',
            height: 200,
            dock: 'bottom',
            items: relatedItems
        }, 1);

        me.on('recordloaded', function (form, record) {
            Ext.Array.each(relatedItems, function (item) {
                var grid = me.down(item.xtype);
                grid.reconfigure(record[item.plural]);
                grid.reselect();
                if (!record[item.plural].isNested) {
                    record[item.plural].reload();
                }
            });
        });
    }
});

备注：我目前写的方法，几乎都自然的控制在 15 行以内。

优点

• 函数更容易起名字了，代码行数的减少意味着职责的更单一，因此名字更容易命名。
• 函数更容易阅读了。
• 函数更容易书写了。