Web APIs Web APIs第二天

Web APIs

老师：黑马程序员

Web APIs第二天

1. 事件

1.1 事件监听

1.1.1 什么是事件

事件是在编程时系统内发生的动作或者发生的事情

比如用户在网页上单击一个按钮

1.1.2 什么是事件监听

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

语法：

1.1.3 事件监听三要素

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

1.1.4 事件监听

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

1.2 拓展阅读——事件监听版本

1.2.1 事件监听版本

• DOM LO
  事件源.on事件= function() { }
• DOM L2
  事件源.addEventListener(事件，事件处理函数)
• 发展史:
  • DOM L0︰是DOM的发展的第一个版本;L: level
  • DOM L1:DOM级别1于1998年10月1日成为W3C推荐标准DOM L2:使用addEventListener注册事件
  • DOML3:DOM3级事件模块在DOM2级事件的基础上重新定义了这些事件，也添加了一些新事件类型

1.3 事件类型

2. 高阶函数

高阶函数可以被简单理解为函数的高级应用，JavaScript中函数可以被当成【值】来对待，基于这个特性实现函数的高级应用。

【值】就是JavaScript中的数据，如数值、字符串、布尔、对象等。

2.1 函数表达式

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

普通函数的声明与调用无顺序限制，推荐做法先声明再调用

函数表达式必须要先声明再调用

2.2 回调函数

如果将函数A做为参数传递给函数B时，我们称函数A为回调函数

简单理解:当一个函数当做参数来传递给另外一个函数的时候，这个函数就是回调函数

常见的使用场景：

3. 环境对象(变量)

环境对象指的是函数内部特殊的变量this，它代表着当前函数运行时所处的环境

作用:弄清楚this的指向，可以让我们代码更简洁

函数的调用方式不同, this指代的对象也不同

【谁调用, this就是谁】是判断this指向的粗略规则

直接调用函数，其实相当于是 window.函数，所以this 指代 window

4 编程思想

4.1 排他思想

当前元素为A状态,其他元素为B状态

使用:

1.干掉所有人

使用for循环

2.复活他自己

通过this或者下标找到自己或者对应的元素