事件

事件监听

• 什么是事件? 事件是在编程时系统内发生的动作或者发生的事情 比如用户在网页上单击一个按钮

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

• 语法:

• 事件监听三要素: 1.事件源: 那个dom元素被事件触发了，要获取dom元素
  2.事件:用什么方式触发，比如鼠标单击click、鼠标经过mouseover等
  3.事件调用的函数:要做什么事
• 举例

拓展阅读-事件监听版本

DOM L0

事件源.on事件 = function() { }

DOM L2

事件源.addEventListener(事件， 事件处理函数)

事件类型

鼠标事件：mouseover、mousemove；跟mouseenter、mouseleave的区别是，mouseover、mousemove有冒泡，所以不常用

高阶函数

什么是高阶函数？

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

函数表达式

函数表达式和普通函数并无本质上的区别:

普通函数的声明与调用无顺序限制，推荐做法先声明再调用 函数表达式必须要先声明再调用

回调函数

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

常见的使用场景:

环境对象

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

编程思想

当前元素为A状态,其他元素为B状态
使用:
方法一：1. 干掉所有人 使用for循环 2. 复活他自己 通过this或者下标找到自己或者对应的元素
方法二:2、通过类名干掉上一个，给当前的加类名