3

このコードを理解するのに助けが必要です。のポイントはhandler.guid何ですか？なぜハッシュテーブルが必要なのですか?

ポイントは何ですか：

if ( element["on" + type])
  {
  handlers[0] = element["on" + type];
  }

handleEvent、要素、または addEvent 関数の「this」は何を参照していますか?

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);
    }
  }
4

1 に答える 1

2

はguid各イベントに一意のインデックスを与えるために使用され、ハッシュ テーブルは動的ディスパッチ テーブルを実装するために使用されます。this.$$handleEventハンドラ マッピング テーブル内の要素を参照します。

コールバック システムは、イベント ハンドラーを配列に格納することによって機能します。基になるイベントが検出されると、ディスパッチ システムは配列をループし、コールバック関数を順番に呼び出します。

jQuery Eventオブジェクトは、同様の構造を使用します。

参考文献

于 2012-12-22T02:09:49.630 に答える