什么是回调函数？

定义

按照 MDN 的描述：回调函数是作为参数传给另一个函数的函数，然后通过在外部函数内部调用该回调函数以完成某种操作。
我个人的理解是：回调函数就是一个普通的函数，只不过会在另一个的函数执行完成后立即调用执行。回调函数是一个作为参数传给另一个 JS 函数的函数。这个回调函数会在传给的函数内部执行。

看代码

//思考一下，如何实现控制台输出顺序为：你好吗？   --->     我很好！
function fn1 (key){
  setTimeout(() => {
          console.log(key)
        }, 0)
}
  function fn2 (v) {
        console.log(v)
      }
 fn1('你好吗？')
 fn2('我很好！')

如果你思考了，或者在浏览器打印过了，你会发现，它不管你调用函数的顺序为何，它固执的打印着：我很好！ —> 你好吗？
此时，你可能会想到因为setTimeout是异步的，所以，它永远都在函数fn2的后面执行。
聪明的你，这个时候，应该已经想到了，我为什么不能先让异步执行结束，再调用fn2呢？

   function fn2 (v) {
        console.log(v)
      }
      function fn1 (key, callback) {
        setTimeout(() => {
          console.log(key)
          //此处才调用 fn2
          callback('我很好！')
        }, 0)
      }
      fn1('你好吗？', fn2)
      //fn2就是回调函数。

上面的就是一个回调函数，此时，我们再来看 MDN 的描述：回调函数是作为参数传给另一个函数的函数，然后通过在外部函数内部调用该回调函数以完成某种操作。

程序员瞟了一眼fn2，说：‘我回头再来调用你’，说完大步流星的去控制住异步代码，让其先行执行完毕。经过一番战斗，终于将异步执行完毕，程序员一个缩地成寸来到 fn2 处，二话不说，将还在疑惑中的 fn2，带到异步函数这里，看了一眼异步函数，说道：‘来的刚好，去吧！fn2’，于是，fn2 紧接着 fn1 之后执行了打印。