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

Question

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

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

Answer 1

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

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

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