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

一:事件

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

二:事件处理函数

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

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

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

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

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

3.两者的区别

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

4.两者的联系

两者都是事件处理函数

posted @ 2020-04-19 14:14  风意不止  阅读(1770)  评论(0编辑  收藏  举报