50、JavaScript里面，自定义事件的简单实现（事件队列的简单实现）

悠悠 2022-09-24 15:17 8阅读 0赞

1、JavaScript里面，自定义事件的简单实现（事件队列的简单实现）

2、实现的代码

var Event = {
    					on: function(eventName, callback) {
    						//下面的两个undefined的判断很重要
    						//保证了，动态的初始化了，对象的属性
    						if(typeof Event.handlers == "undefined") {
    							Event.handlers = {};
    						}
    						if(typeof Event.handlers[eventName] == "undefined") {
    							Event.handlers[eventName] = [];
    						}
    						Event.handlers[eventName].push(callback);
    
    					},
    					emit: function(eventName) {
    						//只有含有这个，时间的时候，才会调用回调函数
    						if(Event.handlers[eventName] instanceof Array) {
    							var handler = Event.handlers[eventName];
    							for(var i = 0, len = handler.length; i < len; i++) {
    								handler[i](arguments[1]);
    							}
    						}
    
    					},
    					removeHandler: function(type, handler) {
    						if(Event.handlers[type] instanceof Array) {
    							var handlers = Event.handlers[type];
    							for(var i = 0, len = handlers.length; i < len; i++) {
    								if(handlers[i] === handler) {
    									break;
    								}
    							}
    							handlers.splice(i, 1);
    						}
    					}
    
    				}

3、测试代码

function a(result) {
    				console.log(result);
    			}
    
    			function b() {
    				console.log('test');
    			}
    			Event.on('test', a);
    			Event.on('test', b);
    			//Event.removeHandler('test', b);			
    			Event.emit('test', 'hello world');

发表评论取消回复

表情：

评论列表（有 0 条评论，8人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java的事件驱动入门（一）——定义一个ActionListener监听器简单实现事件触发

前言学习了Swing之后，我们可以利用Java绘制许多生动形象的图片，无论是按钮还是标签都已经十分熟悉了，如果对于Swing和AWT还不熟悉的同学，可以查看我的前几...

你的名字/ 2024年04月19日 11:39/ 0 赞/ 72 阅读

相关带有事件的简单 Javascript 日历

欢迎来到关于如何创建简单的纯 Javascript 日历的教程。您是否希望在不使用任何服务器端脚本的情况下开发日历 Web 应用程序？无论是商业项目、学校项目还是只是出于好奇—

梦里梦外;/ 2023年09月28日 08:36/ 0 赞/ 142 阅读

相关 Qt自定义事件的实现

在Qt中我们会遇到两种事件一种是Qt中的系统时间了，另外一种就是Qt自定义事件。 Qt 的自定义事件主要的实现： Qt 的事件处理，实际上是有五个层次：重定义事件处理函数，

快来打我*/ 2023年05月28日 11:15/ 0 赞/ 15 阅读

相关栈与队列的简单实现与应用

实验内容： 1.建立一个空栈 ![在这里插入图片描述][20200724123348237.png] 2.对已建立的栈进行插入、删除、取栈顶元素等操作插入：

￡神魔★判官ぃ/ 2023年03月01日 10:48/ 0 赞/ 284 阅读

相关 50、JavaScript里面，自定义事件的简单实现（事件队列的简单实现）

1、JavaScript里面，自定义事件的简单实现（事件队列的简单实现） 2、实现的代码 var Event = { on: functio

悠悠/ 2022年09月24日 15:17/ 0 赞/ 9 阅读

相关 C# 实现自定义事件

代码中实现了三个自定义事件，分别为自定义事件、自定义事件及自定义参数、使用Action自定义事件。 using System;using System.Col

心已赠人/ 2022年09月19日 12:29/ 0 赞/ 192 阅读

相关 [数据结构]队列的C语言简单实现

Github:([https://github.com/FlameCharmander/DataStructure][https_github.com_FlameCharman

╰+攻爆jí腚メ/ 2022年06月05日 04:22/ 0 赞/ 332 阅读

相关数据结构之队列的定义与简单实现

队列的定义与简单实现和栈相反，队列是一种先进先出（FIFO）的线性表，队列仅在线性表的两端进行操作： 1.队头(Front)：取出数据元素的一端； 2.队尾

布满荆棘的人生/ 2022年05月31日 06:56/ 0 赞/ 166 阅读

相关 JavaScript自定义事件

标题JavaScript自定义事件最近遇到一个基于jQuery项目,项目中的功能节点页面都是通过iframe实现,但是各个iframe之间有时需要相互通信,互相相应一些

男娘i/ 2022年04月02日 04:14/ 0 赞/ 297 阅读

相关 JavaScript自定义事件

标题JavaScript自定义事件最近遇到一个基于jQuery项目,项目中的功能节点页面都是通过iframe实现,但是各个iframe之间有时需要相互通信,互相相应一些

太过爱你忘了你带给我的痛/ 2022年03月30日 14:22/ 0 赞/ 301 阅读