在消息处理机制中必不可少的一组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由于自身的特殊性（单线程），因而在代码里充满各式各样的异步操作，因此回调函数也是铺天盖地，上面的两段代码都是异步的。
回调函数和钩子函数的区别
根本上，他们都是为了捕获消息而生的，但是钩子函数在捕获消息的第一时间就会执行，而回调函数是在整个捕获过程结束时，最后一个被执行的。
回调函数其实就是调用者把回调函数的函数指针传递给调用函数，当调用函数执行完毕时，通过函数指针来调用回调函数。
alert是模态对话框，它运行时会挂起程序，也就是说这时候它后面的程序代码（以及前面已运行但尚未运行完毕的代码）是暂停执行的，所以当然不会有改变啦。你如果想在运行过程中输出数据进行观察，可以用console.log
