1.1 回调函数

引言：

　　当我们在接触到一个新知识的时候，一般都会遇到三个问题：是什么？有什么用(什么时候用，用来干什么)? 怎么用？

　　这三个问题，也就是我们要学习一块新知识要解决的问题。

 

一、什么是回调函数？

所谓的回调函数就是：你定义的，你没有调用，但是最终它执行了，这样的函数就是回调函数；

如：

// 同步回调
let arr = ['a', 'b', 'c']
// forEach(callbackfn: (value: T, index: number, array: T[]) => void, thisArg?: any): void;
arr.forEach((value) => {
    console.log(value); // a, b, c
})

// 异步回调
$.get(url, callbackfn(data))

遍历数组时，forEach(callbackfn)要求我们传入的就是一个回调函数，我这里传入的是箭头函数(匿名函数)，这个函数

是我定义的，我没有调用，但是它最终执行了。

 

二、回调函数有什么用？

　　回调函数与同步、异步并没有直接的联系，回调只是一种实现方式，既可以有同步回调，也可以有异步回调，
还可以有事件处理回调和延迟函数回调，这些在我们工作中有很多的使用场景。

　　所以，其实并不是我们不认识回调函数，而是我们都萦绕在了这个“callback“ 这个词上，当你在一个函数中看到
它是就会困惑，其实它只是一个形参名字而已，只不过这个参数是一个函数。而这里的forEash函数为高阶函
数（接收函数作为参数或将函数作为输出返回的函数称为高阶函数）。

 

为什么要使用回调函数？

(1) 关于回调函数和js单线程以及js异步机制

　　由于js是单线程的，这种设计模式给我们带来了很多的方便之处，我们不需要考虑各个线程之间的通信，也不需要写很多烧脑的代码，
也就是说js的引擎只能一件一件事的去完成和执行相关的操作，所以所有需要执行的事情都像排队一样，等待着被触发和执行，可是如果这
样的话，如果在队列中有一件事情需要花费很多的时间，那么后面的任务都将处于一种等待状态，有时甚至会出现浏览器假死现象，例如其
中有一件正在执行的一个任务是一个死循环(话费较长的时间)，那么会导致后续其他的任务无法正常执行，所以js在同步机制的缺陷下设计
出了异步模式。
　　在异步执行的模式下，每一个异步的任务都有其自己一个或着多个回调函数，这样当前在执行的异步任务执行完之后，不会马上执行事
件队列中的下一项任务，而是执行它的回调函数，而下一项任务也不会等当前这个回调函数执行完，因为它也不能确定当前的回调合适执行
完毕，只要引它被触发就会执行。

 

 (2) js的单线程浏览器内核的多线程

浏览器的内核是多线程的，如图：cayley的草图

 

浏览器常驻三大线程:  js引擎线程，GUI渲染线程，浏览器事件触发线程

浏览器是一个多线程的执行环境，在浏览器的内核中分配了多个线程，最主要的线程之一即是js引擎的线程，同时js事件队列中的异步请求，

交互事件触发，定时器等事件都是由浏览器的事件触发线程进行监听的，浏览器的事件触发线程被触发后会把任务加入到js 引擎的任务队列

中，当js 引擎空闲时候就会开始执行该任务。

 

参考文档：

关于js中的回调函数callback，通俗易懂

javascript回调函数的理解