addeventlistener？addlistener第三个参数
一、addEventListener和attachEvent以及element.onclick的区别
attachEvent是ie添加事件处理程序，接收两个参数，其中事件类型名称要加"on"，
可以添加多个事件处理程序，按照添加顺序相反的顺序触发;
addEventListener是给非ie添加事件处理程序，接收三个参数，第一个是事件名，不需要加“on”，
第二个是绑定的函数，第三个参数是一个布尔值，是事件的方式，意思是是否使用useCatch方式，
如果是false，就使用传统的冒泡方式，如果为true，就在捕获阶段调用事件处理程序。
addEventListener可以添加多个事件处理程序，按照添加顺序触发
二者有个本质上的区别，attachEvent的事件处理程序会在全局作用域中运行，this等于window对象，
而addEventLinstener添加的事件处理程序是在其依附的元素的作用域中运行的，this等于绑定元素对象。
既然他们的this指向不同，那怎么才能实现相同的this指向呢？
如果想要实现this关键字指向相同的话，要用Function的apply或者call方法。示例代码如下：
functionbind(el,fn,type){var_fn=function(){fn.apply(el,arguments);};window.addEventListener?el.addEventListener(type,_fn,false):el.attachEvent("on"+type,_fn);}
即用el来代替_fn里的this。
el.onclick和addEventListener和attachEvent有什么区别呢？本质的区别是el.onclick相当于在标签上写onclick，用addEventListener和attachEvent是通过DOM接口去绑定事件。
一个html文档的解析是有顺序的，先解析标签项，再解析DOM项，el.onclick事实上相当于写在标签上，
通过标签的onclick属性输入到文档，然后由文档解析成事件的。而后者，要在文档解析完成以后，
通过文档的dom接口去绑定的事件，虽然结果是一样的，都是click事件，但是过程是不同的。
通过这三种方式绑定的事件，怎么取消呢？
el.onclick：el.onclick=null;这样就可以取消绑定在el上的事件处理程序了。
通过addEventListener()添加的事件处理程序只能通过removeEventListener()来移除，并且移除时传入的参数与添加
处理程序时使用的参数相同。通过addEventListener()添加的匿名函数将无法移除。
通过attachEvent()添加的事件处理程序要通过detachEvent()来移除，其他的情况和addEventListener()一样。
如果都想在事件函数里面获取event对象，怎么获取呢？
这要分浏览器，IE和非IE的事件对象不同。兼容DOM的浏览器会将一个event对象传入到事件处理程序中，无论指定事件
处理程序时使用什么方法，都会传入event对象。
el.onclick=function(event){
alert(event.type);//"click"
};
el.addEventListener("click",function(event){
alert(el.type);//"click"
},false);
通过HTML标签属性指定的事件处理程序时，变量event中保存着event对象。
<inputtype="button"value="Clickme"onclick="alert(event.type)"/>//"click"
在IE中，要访问event对象有几种不同的方式：
通过el.onclick绑定的事件处理程序中，event对象作为window对象的一个属性存在。
el.onclick=function(){
varevent=window.event;
alert(event.type);//"click"
}
如果通过attachEvent()添加事件处理程序时，event对象作为参数被传入事件处理程序，
el.attachEvent("onclick",function(event){
alert(event.type);//"click"
});
通过HTML标签属性指定的事件处理程序时，变量event中保存着event对象。这点和非IE一样。
综上，跨浏览器的事件对象获取方法是：returnevent?event:window.event;
二、浅谈addEventListener和attachEvent的区别
addEventListener被标准支持attachEvent//IE9以下支持如果想在IE9以下绑定事件就用下面这个一般判断if(obj.addEventListener){}elseif(obj.attachEvent)////IE9以下执行{}
三、worker.ts中如何获取context
在worker.ts中通过addEventListener方法监听fetch事件，fetch事件的回调函数中可以通过event对象中的request属性获取context。代码如下：addEventListener('fetch',(event:FetchEvent)=>{constcontext=event.request.context;//dosomethingwithcontext});context是一个可变对象，它包含了请求的各种信息，如请求头、请求参数、Cookie等等。在具体应用中，我们可以根据context中的信息来决定如何处理请求，比如根据用户的身份信息来判断是否有权限访问某个资源，或者根据请求参数来返回不同的结果。