美文网首页前端二三事前端学习之路Web前端之路
JavaScript:理解事件、事件处理函数、钩子函数、回调函数

JavaScript:理解事件、事件处理函数、钩子函数、回调函数

作者: 8a0cbdf46620 | 来源:发表于2017-04-08 23:11 被阅读4531次

js获取dom数据的两种方式:

1  js派函数监听事件 =>监听函数就是所谓的钩子函数=>函数钩取事件:函数主动找事件=>钩子函数

2  js预留函数给dom事件,dom事件调用js预留的函数 =>事件派发给函数:事件调用函数=>回调函数

打个形象的比喻:书店、你、你小表弟、书店美女店员

书店暂时没有你要的书,咋办呢?

 1)你无耻的派了你小表弟在书店24小时蹲守,有人送书来,你表弟就去看下,一旦来了,你表弟就告诉你,并且帮你买下来

2)你留下你的号码给美女店员,让她有书就通知你

第一种:你就是js,你表弟就是你派出去的监听器,监听函数就是让你表弟买下了这本书的指令,这个过程没有美女店员的事

第二种:你依然是js,美女店员是事件,你的号码就是函数,把号码留给店员的过程就是把函数注入到事件当中的过程,美女打电话通知你的过程就是回调,所以你注入的函数就是回调函数,这个过程没有你表弟的事

dom通过事件通知js的过程即是回调,对应的函数就是回调函数

js通过监听函数得知事件的过程即是钩取,对应的函数就是钩子函数

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

相关文章

  • JavaScript:理解事件、事件处理函数、钩子函数、回调函数

    js获取dom数据的两种方式: 1 js派函数监听事件 =>监听函数就是所谓的钩子函数=>函数钩取事件:函数主动找...

  • this的关键字理解和指向

    普通函数中this指向的是window 事件处理函数中this指向事件源: 回调函数中this指向window: ...

  • 异步的实现

    异步的三种实现方式: 回调函数事件Promise 回调函数 回调函数不一定是异步 但是异步一定是回调函数。 事件 ...

  • Generator

    异步编程解决方案 Generator 函数、Promise 、回调函数、事件 Generator 函数有多种理解角...

  • js中函数的调用形式

    1.普通函数: 2.对象的方法: 3.事件处理函数: 4.回调函数:

  • libevent笔记

    bufferevent.h 传递到事件回调函数的事件 读写回调函数的原型 错误回调函数的原型 创建bufferev...

  • Koa学习笔记#1

    Koa的执行过程 背景:JavaScript为了实现异步编程,传统的方式有回调函数、事件监听等。所谓回调函数,就是...

  • FreeSWITCH事件处理

    一、事件 switch_event.c文件中的函数负责事件的处理 EVENT_NODES结构保存了事件回调函数 函...

  • ES6-Promise

    JavaScript执行异步调用的传统方式是事件和回调函数,随着应用的复杂化,事件和回调函数无法完全满足开发者要实...

  • 异步

    零. 处理异步常见方法 回调函数事件监听发布/订阅promisegenerator函数async/await 一....

网友评论

本文标题:JavaScript:理解事件、事件处理函数、钩子函数、回调函数

本文链接:https://www.haomeiwen.com/subject/iqhqattx.html