JavaScript事件处理函数的延迟加载与条件预加载实现

 
非延迟加载的实现方式展示非延迟加载的函数实现，每次调用时都需要进行条件判断。
定义一个名为 removeHandler 的函数，接收目标元素、事件类型和处理程序作为参数。
检查目标元素是否支持 removeEventListener 方法。
如果支持，则调用 removeEventListener 移除事件监听器，参数包括事件类型、处理程序和布尔值 false。
如果不支持上述方法，则进入 else 分支。
调用目标元素的 detachEvent 方法，事件类型前加上 'on' 前缀，并传入处理程序。
} 
} 
延迟加载函数的优化机制介绍延迟加载函数的机制：第一次调用后，原函数会被新定义的函数覆盖，后续调用直接执行新函数，不再进行条件判断，从而提升效率。
定义一个名为 addHandler 的函数，用于添加事件监听器。
检查目标元素是否支持 addEventListener 方法。
如果支持，则将 addHandler 重新赋值为一个新函数，该函数直接调用 addEventListener，参数为事件类型、处理程序和 false。
执行新定义的 addEventListener 方法，完成事件绑定。
} 
如果不支持 addEventListener，则进入 else 分支。
将 addHandler 重新赋值为另一个新函数，该函数直接调用 attachEvent。
调用 attachEvent 方法，事件类型前加上 'on' 前缀，并传入处理程序。
} 
} 
重新调用 addHandler 函数，此时它已指向新定义的函数，完成事件绑定。
} 
条件预加载方案介绍条件预加载的概念。
说明条件预加载的作用是确保所有函数调用的耗时一致。其代价是在脚本加载阶段就进行检测。这种方案适用于函数在页面生命周期内会被频繁使用的场景。
定义一个名为 addEventHandler 的变量，通过三元运算符判断 document.body 是否支持 addEventListener。
如果支持，则赋值一个函数，该函数直接调用 addEventListener，参数为事件类型、处理程序和 false。
如果不支持，则赋值另一个函数，该函数直接调用 attachEvent。
调用 attachEvent 方法，事件类型前加上 'on' 前缀，并传入处理程序。
}