码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2020-04-19 14:52:16      阅读:93      评论:0      收藏:0      [点我收藏+]

标签:vue   应用程序   react   dom   传递   windows   处理   运行   指针传递   

一:事件

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

二:事件处理函数

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

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

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

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

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

3.两者的区别

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

4.两者的联系

两者都是事件处理函数

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

标签:vue   应用程序   react   dom   传递   windows   处理   运行   指针传递   

原文地址:https://www.cnblogs.com/cn-oldboy/p/12731404.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!