JS中钩子函数与回调函数的区别 - 蓝蓝设计_UI设计公司

帝皇彩票官网

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

2019-10-16 释然 前端及开发文章及欣赏

测试代码
<!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的消息处理机制,通过设置钩子,应用程序对所有消息事件进行拦截,然后执行钩子函数。 

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

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


蓝蓝设计www.bjhbys.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计  cs界面设计  ipad界面设计  包装设计  图标定制  用户体验 、交互设计、 网站建设 平面设计服务

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

Powered by sitemap
迪士尼彩乐园平台 迪士尼彩乐园网址 迪士尼彩乐园平台 桔子彩票官网 迪士尼彩乐园开奖 迪士尼彩乐园登陆 大象彩票登入 吉利彩票登陆 诚信网投开户 博乐彩票计划群