js中回调函数（callback)的一些理解

前言

我个人在学习Node.js相关知识时遇到了回调函数这个概念，虽然之前已经在c,c++等编程语言中用到过它，但还一直未对其机制有深入了解，这次就来好好谈一下它。

概念理解

百度对它的解释是回调函数就是一个通过函数指针调用的函数。如果你把函数的指针（地址）作为参数传递给另一个函数，当这个指针被用来调用其所指向的函数时，我们就说这是回调函数。回调函数不是由该函数的实现方直接调用，而是在特定的事件或条件发生时由另外的一方调用的，用于对该事件或条件进行响应。

Google里的解释是A callback is a function that is passed as an argument to another function and is executed after its parent function has completed.

字面上的理解，回调函数就是一个参数，将这个函数作为参数传到另一个函数里面，当那个函数执行完之后，再执行传进去的这个函数。这个过程就叫做回调。

这里我想把它通俗化来讲，小时候大家应该都有自己喜欢看的动画片，但是平时上学期间我们都会被家长“严格管制”。下午放学回家后，爸妈会让自己先写完作业才能看电视里放的动画片。

其实这就是一个回调的过程。你建了个函数b（看动画片），但前提是要写完作业，写作业的过程相当于执行函数a。在现实生活中你要写完作业才能看动画片，即在执行过程中需要等函数a执行完之后才能执行函数b。

不过必须清楚一点：函数b是以参数形式传给函数a的，b是回调函数。

简单的例子

function a(callback){
   alert("这是first函数a");
   var x =1;
   var y=2;
  return callback(x,y);
 }
 function b(x,y){
   alert("这是回调函数b");
   return x+y;
 }
 $(function(){
   var result = a(b);
   alert("result = "+ result);
 });

输出结果为：

这是first函数a

这是回调函数b

result = 3

这里函数首先执行了first函数a，之后调用了回调函数b，最后返回函数a的返回值。

回调函数的种类（按功能划分）

1.同步回调

它是一种阻塞式回调，比方说一段代码逻辑没有执行完毕，代码会一直等待，而不会去执行下一段代码逻辑。

2.异步回调

它是一种非阻塞式回调，比方说一段代码逻辑没有执行完毕，代码执行可以不卡在这块不动，而是可以去执行下一段代码逻辑。

二者根本区别

在同步回调里，回调函数的调用一定发生在主函数返回之前。

在异步回调里，回调函数的调用有可能是在起始函数返回之后。

应用场景

回调函数应用场景多用在使用 js 写组件时，尤其是组件的事件很多都需要回调函数的支持。

最后，本人之前接触js并不算很多，所以具体应用问题还需实践检验。