JS中钩子函数与回调函数的区别

最新推荐文章于 2024-06-11 15:11:02 发布

wflynn

最新推荐文章于 2024-06-11 15:11:02 发布

阅读量604

点赞数 2

分类专栏： javaScript # JS杂项

文章来源：原创地址

本文链接：https://blog.csdn.net/weixin_40013817/article/details/102812484

版权

javaScript 同时被 2 个专栏收录

99 篇文章 12 订阅

订阅专栏

JS杂项

33 篇文章 1 订阅

订阅专栏

测试代码

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
    <button id="btn">按钮</button>
    <script>
        let btn = document.getElementById("btn");
        btn.onclick = () => { // 钩子函数
            console.log('我是钩子函数');
        }

        btn.addEventListener("click",() =>{ // 回调函数
            console.log('我是回调函数');
        });
        // 这是给btn绑定了一个监听器，后面那个函数是它的回调函数，
        // 因为消息捕获的过程我们并不能参与，而在捕获执行完毕的时候，
        // 回调函数才会执行，我们可以把对消息的处理写在回调函数里。
    </script>
</body>
</html>

点击按钮后代码输出如下：

回调函数和钩子函数的区别根本上是

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

什么是钩子函数

一般认为，钩子函数就是回调函数的一种，其实还是有差异的，差异地方就是：触发的时机不同。
钩子（Hook）概念源于Windows的消息处理机制，通过设置钩子，应用程序对所有消息事件进行拦截，然后执行钩子函数。

什么是回调函数

回调函数其实是调用者将回调函数的指针传递给了调用函数，当调用函数执行完毕后，通过函数指针来调用回调函数。

钩子函数和回调函数都是事件处理函数

wflynn

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
JS中钩子函数与回调函数的区别

测试代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <button id="btn">按钮</button&g...
复制链接

扫一扫