Question

JS钩子函数与回调函数区别

Answer 1

在消息处理机制中必不可少的一组CP，即回调和钩子。

钩子的概念源于Windows的消息处理机制，通过设置钩子，应用程序可以对所有的消息事件进行拦截，然后执行钩子函数，对消息进行想要的处理方式。

接下来是一段js代码，主要用于给btn设置点击的钩子函数

let btn = document.getElementById("btn");
btn.onclick = () => {    console.log("i'm a hook");
}

钩子是在捕获消息的时候立即执行钩子函数。

下面是一段给btn添加click的监听器。

btn.addEventListener("click",() =>{    console.log(this.onclick);//undefined});

这是给btn绑定了一个监听器，后面那个函数是它的回调函数，因为消息捕获的过程我们并不能参与，而在捕获执行完毕的时候，回调函数才会执行，我们可以把对消息的处理写在回调函数里。

js由于自身的特殊性（单线程），因而在代码里充满各式各样的异步操作，因此回调函数也是铺天盖地，上面的两段代码都是异步的。

回调函数和钩子函数的区别 
根本上，他们都是为了捕获消息而生的，但是钩子函数在捕获消息的第一时间就会执行，而回调函数是在整个捕获过程结束时，最后一个被执行的。

回调函数其实就是调用者把回调函数的函数指针传递给调用函数，当调用函数执行完毕时，通过函数指针来调用回调函数。

Answer 2

钩子函数就是回调函数。
钩子函数一般是在某个框架里面的叫法，是这个框架在生命周期的某个阶段触发的回调函数。