JS之回调函数（callback）

1.什么是回调函数？

　　-- 简单点说，一个函数被作为参数传递给另一个函数（在这里我们把另一个函数叫做“otherFunction”），回调函数在otherFunction中被调用。

　　--可以是匿名函数也可以是命名函数

2.回调函数的特点

　 （1）自己定义的函数

　　（2）你没有调用

　　（3）最终它执行了

3.常见的回调函数

　 （1）DOM事件回调函数

　　　　

 

 

 

 

　　（2）定时器回调函数

 

 

 

 

　　（3）ajax请求回调函数

　　　　略。（后续相应内容补充）

　　（4）生命周期回调函数　　

　　　　略。（后续相应内容补充）

4.拓展

　　--代码分类

　　　　（1）初始化代码：一般的代码，包括设置定时器，绑定监听，发送ajax请求……

　　　　（2）回调代码：回调函数的代码

　　JavaScript引擎，在执行代码时，先执行初始化代码，等到初始化代码全部执行结束时，再执行回调代码。

　　　

　　执行结果： 

　　

 

　　重上述案例中，我们可以 看到回调函数不管在整个代码的什么位置，它都要比初始化代码执行完后才会执行。

　　上述代码执行流程：前两代码打开了定时器，此时JavaScript引擎将回调函数，和设置的时间交给定时器管理模块（事件管理模块），待到事件触发时，回调函数加入到回调队列中（callback queue），此时处于待处理状态。如果初始化代码全部执行结束，才会循环遍历回调队列中的回调函数。在上述代码中先加入队列的是延时时间为0ms的定时器，然后才是2000ms的定时器，由于队列的特性是先进先出，所以两个定时器间，先执行第二个定时器，在执行第一个定时器。

（此处涉及到时间循环模型，后续内容会补充，这里我们只需要大致了解回调函数是什么时候执行的）