NEJ _$$Event類

BenCHou 發(fā)布于2019-08-19 14:55 / 2097人閱讀

摘要：所有我們在的時候需要將參數(shù)反轉(zhuǎn)一下處理中的所有事件，如果有定義事件，將事件和回調(diào)函數(shù)，傳入實例的對象中調(diào)用父類的重置方法。獲取事件類型之外的所有參數(shù)參數(shù)傳入事件函數(shù)調(diào)用可以說是框架的基石，的強大功能都是基于此類。

基類 NEJ.C() 定義

NEJ框架中定義一個類統(tǒng)一使用NEJ.C方法，使用范例如下所示：

/**
 * 類描述信息
 * @class 類名稱
 * @extends {nej.ut._$$Event}
 * @param {Object} _options 可配置參數(shù)，已處理參數(shù)列表如下
 * 
 * 
 */
_p._$$Class = NEJ.C();

通過此方法定義的類具有一下特性：

類具有靜態(tài)方法_$extend,可以從其他類繼承

實例具有__init方法用來初始化控件，該方法中通過__supInit調(diào)用父類__init方法

繼承

通過NEJ.C定義的類具有靜態(tài)方法_$extend,可以從其他類集成，使用范例如下所示

//變量聲明
var _ = NEJ.P,
    _p = _("nej.ut"),
    _x = _("m.x");//定義命名空間

/**
 * 類描述信息
 * @class 類名稱
 * @extends {nej.ut._$$Event}
 * @param {Object} _options 可配置參數(shù)，已處理參數(shù)列表如下
 *
 *
 */
_x._$$Class = NEJ.C();
_proClass = _x._$$Class._$extend(_p._$$Event);
//console.log(new _x._$$Class);

實現(xiàn)

通過NEJ.C定義的類會有__init方法來初始化類，該方法中可以通過__supInit調(diào)用父類的初始化方法。

__init

__supInit

_$$Event

下圖展示了$$Event的所有方法。

注意：$開頭的方法為公開方法，__開頭的為私有方法不能在外部調(diào)用

類方法

_$allocate

_p._$$Event._$allocate = function(_options){
    _options = _options||{};
    //查看緩存池中是否有可用實例，如果有就是用緩存池中的實例
    var _instance = !!this.__pool
                    &&this.__pool.shift();
    if (!_instance){
        //新建實例
        _instance = new this(_options);
        this.__inst__ = (this.__inst__||0)+1;
    }
    // 子類繼承該方法重置控件
    _instance.__reset(_options);
    return _instance;
};

_$recycle

_$getInstance

實例私有方法（定義在原型對象的私有方法，外部不能直接調(diào)用）

__init

類初始化方法

_pro.__init = function(){
    this.__events = {};
    this.__events_dom = {};
    this.id = _u._$uniqueID();
};

__reset

下面我們來看看控件基類的重置方法都做了些什么事情。

_pro.__reset = function(_options){
    this._$batEvent(_options);
};

_pro._$batEvent = (function(){

    /**
     * _forIn(object,function(_value,_key){},this)
     * 所有我們在 _$setEvent的時候需要將參數(shù)反轉(zhuǎn)一下
     */
    var _doSetEvent = function(_event,_type){
        this._$setEvent(_type,_event);
    };

    return function(_events){
        _u._$forIn(_events,_doSetEvent,this);
    };
})();

_pro._$setEvent = function(_type,_event){
    //處理options中的所有事件，如果有定義事件，將事件和回調(diào)函數(shù)，傳入實例的__events對象中
    if (!!_type&&_u._$isFunction(_event)){
        this.__events[_type.toLowerCase()] = _event;
    }
};

__supReset

調(diào)用父類的重置方法。

__destroy

__supDestroy

調(diào)用父類的銷毀方法

__doInitDomEvent

/**
 * 初始化DOM事件，重置接口{#__reset}中需要通過
 * {nej.v#_$addEvent}接口添加的事件，使用此接口添加可以在回收時自動被清理
 * [code]
 *   // 子類重置接口添加節(jié)點事件
 *   _pro.__reset = function(_options){
 *       this.__supReset(_options);
 *       // 添加DOM事件或者自定義事件
 *       this.__doInitDomEvent([
 *           [document,"click",this.__onDocClick._$bind(this)],
 *           [window,"ok",this.__onWindowOK._$bind(this)]
 *       ]);
 *   };
 * [/code]
 * @protected
 * @method {__doInitDomEvent}
 * @see    {#__doClearDomEvent}
 * @param  {Array} 待添加的事件配置列表 
 * @return {Void}
 */
_pro.__doInitDomEvent = (function(){
    var _doAttach = function(_args){
        if (!_args||_args.length<3) return;
        this.__events_dom["de-"+_u._$uniqueID()] = _args;
        _v._$addEvent.apply(_v,_args);
    };
    return function(_list){
        _u._$forEach(_list,_doAttach,this);
    };
})();

_$recycle

事件方法：事件方法也是實例方法，控件封裝時主要以使用為主

_$setEvent

_pro._$setEvent = function(_type,_event){
    if (!!_type&&_u._$isFunction(_event)){
        this.__events[_type.toLowerCase()] = _event;
    }
};

_$batEvent

_$hasEvent

_$clearEvent

_$pushEvent

_$dispatchEvent

這個函數(shù)功能非常強大。

_pro._$dispatchEvent = function(_type){
    var _type = (_type||"").toLowerCase(),
        _event = this.__events[_type];
    if (!_event) return;
    //獲取事件類型之外的所有參數(shù)
    var _args = _r.slice.call(arguments,1);
    // single event
    if (!_u._$isArray(_event)){
        //參數(shù)傳入事件函數(shù)調(diào)用
        return _event.apply(this,_args);
    }
    // event list
    _u._$forEach(
        _event,function(_handler){
            try{
                _handler.apply(this,_args);
            }catch(ex){
                // ignore
                console.error(ex.message);
                console.error(ex.stack);
            }
        },this
    );
    return this;
};

_$$Event可以說是NEJ框架的基石，NEJ的強大功能都是基于此類。

參考：http://nej.netease.com/course/topic/component/