绑定事件:addEventListener("事件名称",function(){},useCapture)第二个参数的疑问

通常可以这样给目标对象添加事件:
    element.addEventListener("事件名称",function(){},useCapture);

1.其中第二个参数为一个函数。事件发生时，会调用该监听函数。请问是谁调用了这个函数?
2.第二个参数除了可以是监听函数，还可以是一个具有handleEvent方法的对象：
    buttonElement.addEventListener('click', {
      handleEvent: function (event) {
        console.log('click');
      }
    });
  为什么还可以是一个具有handleEvent方法的对象,这个和第一个存在什么联系吗? 

1、谁调用了这个函数？
是element，函数内的this指向element。

2、这个和第一个存在什么联系吗？
没有任何联系，事件被触发时，会判断第二个参数的类型：
（1）如果是函数：直接执行函数，并将event对象作为函数的参数、将this绑定到element对象上；
（2）如果是对象：将执行对象的handleEvent函数，并将event对象作为handleEvent的参数、将this绑定到element对象上。

本人开源项目usuallyjs，非常欢迎楼主一起交流，github地址：https://github.com/JofunLiang/usuallyjs，别忘了start哦。

该参数必须是一个实现了 EventListener 接口的对象，或者是一个函数.事件监听器可以被指定为回调函数或实现 EventListener的对象，其handleEvent() 方法用作回调函数。回调函数本身具有与handleEvent()方法相同的参数和返回值;也就是说，回调接受一个参数：一个基于Event 的对象，描述已发生的事件，并且它不返回任何内容。