(原创！)彻底理解JS中的事件，事件处理函数，钩子函数，回调函数。

Posted 2020-11-27 风意不止

一：事件

DOM中有很多事件，键盘事件，鼠标事件等等。
vue和react中的生命周期，本质上是事件的合集，一般包括四部分：包括初始，挂载，渲染，卸载。

二：事件处理函数

每个事件，都有开始结束。为了处理事件，要定义一些具体的函数。

1.钩子函数(事件开始时的函数-监听函数)

什么是钩子函数
一般认为，钩子函数就是回调函数的一种，其实还是有差异的，差异地方就是：触发的时机不同。
钩子（Hook）概念源于Windows的消息处理机制，通过设置钩子，应用程序对所有消息事件进行拦截，然后执行钩子函数。
vue和react中的生命周期中的钩子函数，本质上上是各自事件最初运行的函数，本质上是监听函数。

2.回调函数(事件结束时的函数-回报函数)

什么是回调函数
回调函数其实是调用者将回调函数的指针传递给了调用函数，当调用函数执行完毕后，通过函数指针来调用回调函数。
所有的回调，php,node,vue,react的回调函数，本质上都是，事件最后，所运行的函数。

3.两者的区别

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

4.两者的联系

两者都是事件处理函数