【vue】钩子函数和回调函数的区别

一般认为，钩子函数就是回调函数的一种，其实还是有差异的，差异地方就是：触发的时机不同。

先说钩子函数：

钩子（Hook）概念源于Windows的消息处理机制，通过设置钩子，应用程序对所有消息事件进行拦截，然后执行钩子函数。

let btn = document.getElementById("btn");
btn.onclick = () => {console.log("i'm a hook");
}

上面的例子，在按钮点击时候立即执行钩子函数。而看下面的例子：

btn.addEventListener("click",() =>{console.log(this.onclick);//undefined
});

给btn绑定了一个监听器，只有消息捕获完成之后才能触发回调函数。

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

回调函数其实是调用者将回调函数的指针传递给了调用函数，当调用函数执行完毕后，通过函数指针来调用回调函数。而钩子函数在消息刚发出，没到达目的窗口前就先捕获了该消息，先得到控制权执行钩子函数，所以他可以加工改变该消息，当然也可以不作为，还可以强行结束该消息。

【vue】钩子函数和回调函数的区别相关推荐

钩子函数和回调函数的区别
一般认为,钩子函数就是回调函数的一种,其实还是有差异的,差异地方就是:触发的时机不同. 先说钩子函数: 钩子(Hook)概念源于Windows的消息处理机制,通过设置钩子,应用程序对所有消息事件进行拦 ...
linux钩子函数和回调函数,Linux Kernel 学习笔记10：hook函数
(本章基于: Linux -4.4.0-37) linux 内核中有一套hook函数机制,可在不同hook点位置监控网络数据包,并执行丢弃.修改等操作.网络防火墙就是通过此机制实现的. 注册注销hoo ...
C语言_钩子函数（回调函数）
目录 1.引言 2.变量指针 3.函数指针 4.钩子函数作用 5.钩子函数使用 6.带参数的钩子函数 7 stm32 CubeMx 定时器回调函数的实现 1.引言钩子函数.回调函数.注册函数,挂钩子 ...
java中钩子函数回调函数_钩子函数和回调函数
一般认为,钩子函数就是回调函数的一种,其实还是有差异的,差异地方就是:触发的时机不同. 先说钩子函数: 钩子(Hook)概念源于Windows的消息处理机制,通过设置钩子,应用程序对所有消息事件进行拦 ...
高阶函数和回调函数的区别
今天看到高阶函数的概念,突然就迷不过来了,这个高阶函数和回调有什么区别呢? 高阶函数英文叫Higher-order function.那么什么是高阶函数? 刚开始学习语言我最害怕看到这种XX函数的,一 ...
JavaScript高级day01-PM【对象、函数、回调函数、IIFE、this、关于语句分号问题、webstorm代码模板、复习】
笔记.视频.源码:JavaScript(基础.高级)笔记汇总表[尚硅谷JavaScript全套教程完整版] 目录 P7 07.尚硅谷_JS高级_对象 23:30 1. 什么是对象? 2. 为什么 ...
将类的成员函数作为回调函数（外一篇：友元函数）
转自:http://blog.csdn.net/xylary/article/details/1548596 将类成员函数用做C回调函数提出问题: 回调函数是基于C编程的Windows SDK的技 ...
细说PHP笔记03(第7章)--数组与数据结构，数组定义，数组遍历，数组内部指针遍历，键值操作函数，统计数组函数，回调函数处理数组元素，数组排序，拆分、合并、分解、结合数组，数组实现堆栈，随机选取元素
1.数组索引数组:索引值是整数关联数组:索引值是字符串 2.数组的定义 1.以直接赋值的方式声明 $数组名[下标]=资料内容或 $数组名[关联字符串(键值)]=资料内容 <?php $va ...
Go 学习笔记（16）— 函数（02）[函数签名、有名函数、匿名函数、调用匿名函数、匿名函数赋值给变量、匿名函数做回调函数]
1. 函数签名函数类型也叫做函数签名,可以使用 fmt.Printf("%T") 格式化参数打印函数类型. package mainimport "fmt"f ...

【vue】钩子函数和回调函数的区别

【vue】钩子函数和回调函数的区别相关推荐

最新文章

热门文章