钩子函数和回调函数的区别

通常认为，钩子函数就是回调函数的一种，其实仍是有差别的，差别地方就是：触发的时机不一样。

先说钩子函数：

钩子（Hook）概念源于Windows的消息处理机制，经过设置钩子，应用程序对全部消息事件进行拦截，而后执行钩子函数。 

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

 上面的例子，在按钮点击时候当即执行钩子函数。而看下面的例子：

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

给btn绑定了一个监听器，只有消息捕获完成以后才能触发回调函数。

很明显的差异就是：钩子函数在捕获消息的第一时间就执行，而回调函数是捕获结束时，最后一个被执行的。

回调函数实际上是调用者将回调函数的指针传递给了调用函数，当调用函数执行完毕后，经过函数指针来调用回调函数。而钩子函数在消息刚发出，没到达目的窗口前就先捕获了该消息，先获得控制权执行钩子函数，因此他能够加工改变该消息，固然也能够不做为，还能够强行结束该消息。

 

【完】

对于无知的人，你须要的不是说服他，而是要远离他。