重新梳理一下数据结构，使用一个例子

<input type="text" id="chua" onClick="f0();">

function f0(){...}

function f1(){...}

function f2(){...}

function f3(){...}

var dom = document.getElementById("chua");

addEvent(dom,"click",f1);

addEvent(dom,"change",f1);

addEvent(dom,"change",f2);

addEvent(dom,"click",f3);

addEvent(dom,"change",f3);

　　经过addEvent()函数之后，当前的数据结构为：

element: {

　　onclick: handleEvent(event),   //click事件的主监听函数
　　onchage: handleEvent(event),　　//change事件的主监听函数
　　events: {

　　　　click:{//这是一个类数组

　　　　　　0: f0,    //element已有的事件

　　　　　　1: f1,　　//下标1实际上就是f1.$$guid

　　　　　　3: f3    //下标3实际上就是f3.$$guid,需要注意的是每一个响应事件都有一个唯一的$$guid作为下标

　　　　　　...

　　　　},

　　　　change:{//这是一个类数组

　　　　　　1: f1,
　　　　　　2: f2,
　　　　　　3: f3

　　　　}

    }

}

　　事件系统会根据调用addEvent的顺序给每个响应函数（也就是addEvent(element, type, handler)中的第三个参数handler）打上标记$$guid。源码

　　//保证每个不同的事件响应函数只有唯一一个id

    if (!handler.$$guid) handler.$$guid = addEvent.guid++;

　　最终三个响应函数的$$guid标记分别是

　　f1.$$guid = 1

　　f2.$$guid = 2

　　f3.$$guid = 3

　　而根据源码中

    handlers[handler.$$guid] = handler;

　　那么某一个函数在任何事件响应函数集合中的下标位置是固定的。比如click和change事件都调用f3作为响应事件，那么f3在element.events.click以及element.events.change中的下标位置都是f3.$$guid = 3；即element.events.click[3] = element.events.change[3] = f3。

　　这个时候假设又新添了一个事件绑定：addEvent(dom,"focus",f3);那么element.events.focus[3] = f3;这也是对象相比于数组的方便之处，数组不可能没有下标0,1,2就直接有3了，但是对象却可以，此时3是作为对象的一个属性名称。

　　这样的设计，其实已经具备了jquery事件系统的雏形，包含了几个最主要的特点：

<div id="#center"></div>

<script>

  function dohander(){console.log("dohander")};

  function dot(){console.log("dot");}

  $(document).on("click",'#center',dohander)

  .on("click",'#center',dot)

  .on("click",dot);

</script>

elemData = jQuery._data( elem );

elemData = {

　　events: {

　　　　click: {//Array[3]

　　　　　　0: {

　　　　　　　　data: undefined/{...},

　　　　　　　　guid: 2, //处理函数的id

　　　　　　　　handler: function dohander(){…},

　　　　　　　　namespace: "",

　　　　　　　　needsContext: false,

　　　　　　　　origType: "click",

　　　　　　　　selector: "#center",//选择器,用来区分不同事件源

　　　　　　　　type: "click"

　　　　　　}

　　　　　　1: {

　　　　　　　　data: undefined/{...},

　　　　　　　　guid: 3,

　　　　　　　　handler: function dot(){…},

　　　　　　　　namespace: "",

　　　　　　　　needsContext: false,

　　　　　　　　origType: "click",

　　　　　　　　selector: "#center",

　　　　　　　　type: "click"

　　　　　　}

　　　　　　2: {

　　　　　　　　data: undefined,

　　　　　　　　guid: 3,

　　　　　　　　handler: function dot(){…},

　　　　　　　　namespace: "",

　　　　　　　　needsContext: false,

　　　　　　　　origType: "click",

　　　　　　　　selector: undefined,

　　　　　　　　type: "click"

　　　　　　}

　　　　　　delegateCount: 2,//委托事件数量，有selector的才是委托事件

　　　　　　length: 3

　　　　}

　　}

　　handle: function ( e ) {…}/*事件处理主入口*/{

　　　　elem: document//属于handle对象的特征

　　}

}