javascript:自定义事件初探

简介:
"事件机制可以使程序逻辑更加符合现实世界,在JavaScript 中很多对象都有自己的事件,例如按钮就有onclick 事件,下拉列表框就有onchange 事件,通过这些事件可以方便编程。",还有,“通过事件机制,可以将类设计为独立的模块,通过事件对外通信,提高了程序的开发效率。”。相信C#程序员对事件的好处是深有体会的。好了,Code is cheap.看代码:
ContractedBlock.gif Code
下面看看如何给事件处理程序传递参数:
ContractedBlock.gif Code
"因为事件机制仅传递一个函数的名称,不带有任何参数的信息,所以无法传递参数进去",这是后话了,“要解决这个问题,可以从相反的思路去考虑,不考虑怎么把参数传进去,而是考虑如何构建一个无需参数的事件处理程序,该程序是根据有参数的事件处理程序创建的,是一个外层的封装。”,这里的“该程序”就是createFunction函数,它巧妙地利用apply函数将带参数的函数封装为无参数函数。最后我们看看如何实现自定义事件的多绑定:
ContractedBlock.gif Code
我们看到,attachOnShow方法实现的基本思想是对数组的push操作,其实我们还可以在事件执行完成之后,移除事件处理函数,下面单独实现:
ContractedBlock.gif Code

关于自定义事件的学习先到这里。








本文转自JeffWong博客园博客,原文链接:http://www.cnblogs.com/jeffwongishandsome/archive/2008/10/27/1317148.html,如需转载请自行联系原作者

目录
相关文章
|
23天前
|
前端开发 JavaScript
使用JavaScript实现复杂功能:构建一个自定义的拖拽功能
使用JavaScript实现复杂功能:构建一个自定义的拖拽功能
|
7月前
uniapp自定义过滤器filter.js
uniapp自定义过滤器filter.js
66 0
|
8月前
|
JSON JavaScript 前端开发
JavaScript的自定义对象
JavaScript的自定义对象
|
8月前
|
JavaScript 前端开发 UED
Vue.js中的自定义事件:组件间通信的灵活工具
Vue.js是一款流行的JavaScript框架,以其组件化的开发方式而著称。在Vue.js中,自定义事件是一种强大的机制,用于在组件之间进行通信和交互。在本博客中,我们将深入研究自定义事件的概念、创建、触发和监听,以及如何利用它来实现灵活的组件间通信。
35 0
|
5月前
|
存储 设计模式 监控
如何构建自定义 Node.js 事件发射器
如何构建自定义 Node.js 事件发射器
526 2
|
5月前
|
JavaScript 测试技术
【sgGoogleTranslate】自定义组件:基于Vue.js用谷歌Google Translate翻译插件实现网站多国语言开发
【sgGoogleTranslate】自定义组件:基于Vue.js用谷歌Google Translate翻译插件实现网站多国语言开发
|
26天前
|
JavaScript
原生js实现【longPressKey】长按键盘任意键(或组合键)3秒触发自定义事件(以Pause/Break键为例)
原生js实现【longPressKey】长按键盘任意键(或组合键)3秒触发自定义事件(以Pause/Break键为例)
|
4月前
|
存储 JavaScript 前端开发
JavaScript 自定义对象 及 new()原理与实现 如何完整地手写实现new
JavaScript 自定义对象 及 new()原理与实现 如何完整地手写实现new
62 0
|
4月前
|
JavaScript 前端开发 Java
自定义对象_JavaScript
自定义对象_JavaScript
23 0
|
4月前
|
JavaScript
Vue.js 组件 - 自定义事件
Vue.js 组件 - 自定义事件
431 0