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

Posted 风意不止

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了(原创!)彻底理解JS中的事件,事件处理函数,钩子函数,回调函数。相关的知识,希望对你有一定的参考价值。

一:事件

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

二:事件处理函数

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

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

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

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

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

3.两者的区别

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

4.两者的联系

两者都是事件处理函数







以上是关于(原创!)彻底理解JS中的事件,事件处理函数,钩子函数,回调函数。的主要内容,如果未能解决你的问题,请参考以下文章

什么是钩子函数?钩子函数的使用。

怎样理解js中的事件监听

JS事件

vue中的钩子函数的理解

无法理解react.js中的处理事件[关闭]

JavaScript:彻底理解同步异步和事件循环(Event Loop) (转)