javascript - 这两种自定义事件的绑定方式有什么区别?哪种好?
PHPz
PHPz 2017-04-11 12:49:10
[JavaScript讨论组]

第一种方式,直接将自定义事件存放在__onfireEvents中

var __onfireEvents = {};

function _bind(eventName, callback, is_one, context) {
    if (typeof eventName !== string_str || typeof callback !== function_str) {
        throw new Error('args: '+string_str+', '+function_str+'');
    }
    if (! hasOwnKey(__onfireEvents, eventName)) {
        __onfireEvents[eventName] = {};
    }
    __onfireEvents[eventName][++__cnt] = [callback, is_one, context];

    return [eventName, __cnt];
}

function on(eventName, callback, context) {
    return _bind(eventName, callback, 0, context);
}

第二种方式,同样是将自定义事件存储起来,不同之处是绑定在元素上,是否有必要?这里有什么优势吗?

$customSubMap = {};
subscribeEvent = function ( $collection, event_name, fn ) {
    $collection.on( event_name, fn );
   

    if ( ! $customSubMap[ event_name ] ) {
        $customSubMap[ event_name ] = $collection;
    }
    else {
        $customSubMap[ event_name ]
        = $customSubMap[ event_name ].add( $collection );
    }
};
PHPz
PHPz

学习是最好的投资!

全部回复(3)
阿神

绑定在元素上好像是用到了jquery的事件绑定,看你这个自定义事件是不是用在dom元素上的,如果只是模块间的传递第一种就可以了,如果是dom事件,就得放在元素上,触发方便。

怪我咯

看起来第二种可读性更好一点。

其实我觉得两者本质上没区别,就像产品与分类的关系,可以说 {Product1:[Category1, Category2]}也可以说{Category1: [Product1, Product2]}

怪我咯

个人感觉第二

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号