javascript - 这两种自定义事件的绑定方式有什么区别?哪种好?
本文介绍了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 );
}
};
解决方案
绑定在元素上好像是用到了jquery的事件绑定,看你这个自定义事件是不是用在dom元素上的,如果只是模块间的传递第一种就可以了,如果是dom事件,就得放在元素上,触发方便。
这篇关于javascript - 这两种自定义事件的绑定方式有什么区别?哪种好?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文