我需要帮助理解这段代码。重点是什么handler.guid
?为什么需要哈希表?
重点是什么:
if ( element["on" + type])
{
handlers[0] = element["on" + type];
}
文中的“这个”指的是什么handleEvent
、元素还是addEvent函数?
function addEvent(element, type, handler)
{
// assign each event handler a unique ID
if (!handler.$$guid) handler.$$guid = addEvent.guid++;
// create a hash table of event types for the element
if (!element.events) element.events = {};
// create a hash table of event handlers for each element/event pair
var handlers = element.events[type];
if (!handlers)
{
handlers = element.events[type] = {};
// store the existing event handler (if there is one)
if (element["on" + type])
{
handlers[0] = element["on" + type];
}
}
// store the event handler in the hash table
handlers[handler.$$guid] = handler;
// assign a global event handler to do all the work
element["on" + type] = handleEvent;
}
// a counter used to create unique IDs
addEvent.guid = 1;
function removeEvent(element, type, handler)
{
// delete the event handler from the hash table
if (element.events && element.events[type])
{
delete element.events[type][handler.$$guid];
}
}
function handleEvent(event)
{
// grab the event object (IE uses a global event object)
event = event || window.event;
// get a reference to the hash table of event handlers
var handlers = this.events[event.type];
// execute each event handler
for (var i in handlers)
{
this.$$handleEvent = handlers[i];
this.$$handleEvent(event);
}
}
The guid
用于给每个事件一个唯一的索引,而哈希表则用于实现动态调度表. this.$$handleEvent
引用处理程序映射表中的元素。
回调系统的工作原理是将事件处理程序存储在数组中。当检测到底层事件时,调度系统循环遍历数组,依次调用回调函数。
The jQuery 事件对象使用类似的结构。
参考
- 关于 GUID 的几句话
- 我什么时候应该使用调度表
- 使用 Ruby Forwardable 委托所有事情 - 文字和代码
- 四人帮错了,你不理解授权 — Saturn Flyer
- GUID 和 UUID
- RFC 4122:通用唯一标识符 (UUID) URN 命名空间
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)