Ext. define 세부 분석

          ，
        
Extjs4               
https://www.cnblogs.com/creazyguagua/p/4302864.html
http://www.cnblogs.com/creazyguagua/p/4667768.html

ExtJs4 makeCtor    ！
http://blog.csdn.net/wjy397/article/details/47321255

extjs          
http://www.cnblogs.com/ouzilin/p/5164302.html


Ext.define('MyApp.view.system.permission.Permission', {
    extend : 'Ext.panel.Panel',
    xtype : 'sys-permission',
    requires: [
        'MyApp.ux.Util',
        'MyApp.model.SysRole'
    ],
    viewModel: {
        stores: {
            roleStore : ZUtil.createStore('SysRole', 'SysRole/read'),
            treeStore: ZUtil.createTreeStore('SysMainMenu/getMenuTree', {autoLoad :false})
        }
    },
    controller: {
        type: 'sys-permission'
    },
    title : '    ',
    layout : 'border',
    items : [ {
        region : 'west',
        xtype : 'grid',
        width : 200,
        title : '    ',
        reference: 'grid',
        split: true,
        bind : {
            store : '{roleStore}'
        },
        selModel : {
            selType : 'rowmodel'
        },
        columns : [ {
            text : 'ID',
            dataIndex : 'id',
            hidden: true
        }, {
            text : '    ',
            dataIndex : 'name',
            flex: 1
        } ],
        listeners : {
            //activate : 'onRoleActivate',
            itemclick : 'onRoleClick'
        }
    }, {
        region : 'center',
        xtype : 'treepanel',
        title : '    ',
        rootVisible: false,
        reference: 'tree',
        bind : {
            store : '{treeStore}'
        },
        bbar: {
            items: [{
                text: '  ',
                iconCls: 'Disk',
                handler: 'onPermissionSave'
            }]
        }
    } ]
});

 
 
Ext. define 은 실제 호출 입 니 다.
Ext. ClassManager (ClassManager. js) 의 define
관리자 = Ext. apply (new Ext. Inventory (), {  그래서 Ext. ClassManager 는 실제로 an instance of Ext. Inventory 입 니 다. 또 뭘 넣 었 나 요?

define: function (className, data, createdFn) {
            //
            Ext.classSystemMonitor && Ext.classSystemMonitor(className, 'ClassManager#define', arguments);
            //
            
            if (data.override) {
                Manager.classState[className] = 20;
                return Manager.createOverride.apply(Manager, arguments);
            }

            Manager.classState[className] = 10;
            return Manager.create.apply(Manager, arguments);
        },

 
 
또 create 를 호출 했 습 니 다:

/**
         * Defines a class.
         * @deprecated Use {@link Ext#define} instead, as that also supports creating overrides.
         * @private
         */
        create: function(className, data, createdFn) {
            //
            if (className != null && typeof className !== 'string') {
                throw new Error("[Ext.define] Invalid class name '" + className + "' specified, must be a non-empty string");
            }
            //

            var ctor = makeCtor(className);
            if (typeof data === 'function') {
                data = data(ctor);
            }

            //
            if (className) {
                if (Manager.classes[className]) {
                    Ext.log.warn("[Ext.define] Duplicate class name '" + className + "' specified, must be a non-empty string");
                }
                ctor.name = className;
            }
            //

            data.$className = className;

            return new Class(ctor, data, function() {
　　　　　　　　　　//    createFn                       ，
　　　　　　　　　　//   define       ，             ，  Ext.create             
var postprocessorStack = data.postprocessors || Manager.defaultPostprocessors,
                    registeredPostprocessors = Manager.postprocessors,
                    postprocessors = [],
                    postprocessor, i, ln, j, subLn, postprocessorProperties, postprocessorProperty;

                delete data.postprocessors;

                for (i = 0,ln = postprocessorStack.length; i < ln; i++) {
                    postprocessor = postprocessorStack[i];

                    if (typeof postprocessor === 'string') {
                        postprocessor = registeredPostprocessors[postprocessor];
                        postprocessorProperties = postprocessor.properties;

                        if (postprocessorProperties === true) {
                            postprocessors.push(postprocessor.fn);
                        }
                        else if (postprocessorProperties) {
                            for (j = 0,subLn = postprocessorProperties.length; j < subLn; j++) {
                                postprocessorProperty = postprocessorProperties[j];

                                if (data.hasOwnProperty(postprocessorProperty)) {
                                    postprocessors.push(postprocessor.fn);
                                    break;
                                }
                            }
                        }
                    }
                    else {
                        postprocessors.push(postprocessor);
                    }
                }

                data.postprocessors = postprocessors;
                data.createdFn = createdFn;
                Manager.processCreate(className, this, data);
            });
        },

 
new Class (Class. js) 를 되 돌려 줍 니 다.

/**
     * @method constructor
     * Create a new anonymous class.
     *
     * @param {Object} data An object represent the properties of this class
     * @param {Function} onCreated Optional, the callback function to be executed when this class is fully created.
     * Note that the creation process can be asynchronous depending on the pre-processors used.
     *
     * @return {Ext.Base} The newly created class
     */
    Ext.Class = ExtClass = function(Class, data, onCreated) {
        if (typeof Class != 'function') {
            onCreated = data;
            data = Class;
            Class = null;
        }

        if (!data) {
            data = {};
        }

        Class = ExtClass.create(Class, data);

        ExtClass.process(Class, data, onCreated);

        return Class;
    };

 
호출 된 ExtClass. create 가 class 로 되 돌아 갑 니 다.

/**
         * @private
         */
        create: function (Class, data) {
            var i = baseStaticMembers.length,
                name;

            if (!Class) {
                Class = makeCtor(
                    //
                    data.$className
                    //
                );
            }

            while (i--) {
                name = baseStaticMembers[i];
                Class[name] = Base[name];
            }

            return Class;
        },

 
호출 된 MakeCtor

// Creates a constructor that has nothing extra in its scope chain.
    function makeCtor (className) {
        function constructor () {
            // Opera has some problems returning from a constructor when Dragonfly isn't running. The || null seems to
            // be sufficient to stop it misbehaving. Known to be required against 10.53, 11.51 and 11.61.
            return this.constructor.apply(this, arguments) || null;
        }
        //
        if (className) {
            constructor.name = className;
        }
        //
        return constructor;
    }

네, 잘 모 르 겠 습 니 다. 일반적인 함수 대상 을 만 든 것 같 습 니 다. 클래스 이름 을 name 속성 으로 합 니 다. 구조 함수 에 기반 하여 이러한 인 스 턴 스 를 만 들 기 위해 서 일 것 입 니 다.
보아하니 Ext. define 은 클래스 의 설명 속성 정 보 를 extjs 클래스 시스템 에 등록 하고 Ext. create 를 기다 릴 때 정 의 된 클래스 속성 정보 에 따라 만 들 기 시작 하 는 것 같 습 니 다.
다음으로 전송:https://www.cnblogs.com/coolzdp/p/7466971.html