DOM-事件基础

事件： 就是让程序检测是否有事件产生，一旦有事件触发，就立即调用一个函数做出响应，也称为 注册事件

语法：元素.addEventListener(`事件`，要执行的函数)

事三要素件监听：

事件源：  那个dom元素被事件触发了，要获取dom元素

事件： 用什么方式触发，比如鼠标单击 click、鼠标经过 mouseover 等

事件调用的函数： 要做什么事

例：

    //获取元素
   let btn=document.querySelector(`button`)
   //事件监听，注册事件
   btn.addEventListener(`click`,function(){
       alert(`被点击了`)
   })

注意： 事件类型要加引号 函数是点击之后再去执行，每次点击都会执行一次

事件类型

 1. 高阶函数

高阶函数可以被简单理解为函数的高级应用，JavaScript 中函数可以被当成【值】来对待，基于这个特性实现函数的高级应用。 【值】就是 JavaScript 中的数据，如数值、字符串、布尔、对象等。

回调函数

如果将函数 A 做为参数传递给函数 B 时，我们称函数 A 为回调函数 简单理解： 当一个函数当做参数来传递给另外一个函数的时候，这个函数就是回调函数

环境变量

环境对象指的是函数内部特殊的变量 this ，它代表着当前函数运行时所处的环境 作用：弄清楚this的指向，可以让我们代码更简洁 函数的调用方式不同，this 指代的对象也不同 【谁调用， this 就是谁】 是判断 this 指向的粗略规则 直接调用函数，其实相当于是 window.函数，所以 this 指代 window