写一个Emitter Class,需要完成事件的注册,监听及释放

太过爱你忘了你带给我的痛 2022-04-10 06:57 132阅读 0赞

要求能实现的调用方法如下:
    1. const emitter = new Emitter();
    2. const sub1 = emitter.subscribe('click', (...args) => console.log(args));
    3. const sub2 = emitter.subscribe('click', (...args) => console.log(args));
    4. emitter.emit('click', '1', '2')
    5. sub1.release()
    
    以下是上述解答:
    function Emitter(){
        var subs = {};
        this.prototype.subscribe = function(type, listener){
            if(!subs[type]){
                subs[type]=[];
            }
            subs[type].push(new Sub(type, listener));
        }
        this.prototype.emit = function(type){
            subs[type].forEach(function(item){
                item.exec([...arguments].slice(1));
            });
        }
        function Sub(type, listener){
            this.type = type;
            this.listener = listener;
            this.prototype.release = function(){
                subs[this.type] = subs[this.type].filter(function(item){
                    return item !== this;
                });
            }
            this.prototype.exec = function(args){
                this.listener.apply(this, args);
            }
        }
    }

发表评论取消回复

表情：

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

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

相关阅读

相关 Android DownloadManager下载完成事件监听（系列4）

Android DownloadManager下载完成事件监听（系列4）我在之前写了写一些关于Android DownloadManager 的文章：（系列1

港控/mmm°/ 2024年02月17日 16:23/ 0 赞/ 64 阅读

相关写一个jsp注册代码

好的，这是一个简单的 JSP 注册代码示例： <%@ page language="java" contentType="text/html; charset=UTF

末蓝、/ 2023年10月07日 23:18/ 0 赞/ 22 阅读

相关 Eureka 注册、下线、续约事件的监听使用

前言看图： ![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5bCP55uu5qCH6Z2S5bm0_s

青旅半醒/ 2023年10月01日 12:26/ 0 赞/ 38 阅读

相关 springboot +bootstrap完成一个用户注册的功能

springboot +bootstrap完成一个用户注册的功能一,基本项目的搭建([参考][Link 1]) 二.引入bootstrap ![在这里插入图片描

不念不忘少年蓝@/ 2023年06月30日 09:09/ 0 赞/ 4 阅读

相关监听一个变量的变化，需要怎么做

点击上方三分钟学前端，关注公众号回复交流，加入前端编程面试算法每日一题群面试官也在看的前端面试资料监听一个变量的变化，当变量变化时执行某些操作，这类似现在流

落日映苍穹つ/ 2023年01月18日 15:27/ 0 赞/ 21 阅读

相关 Flutter获取Build完成状态监听及每一帧绘制完成的监听

Flutter 在 Build完成后的监听和每一帧绘制完成后的监听这个是我们监听要用的重要的类------->WidgetsBinding 官方是这么描述它的

客官°小女子只卖身不卖艺/ 2022年12月24日 03:53/ 0 赞/ 180 阅读

相关 JavaScript注册、删除事件的两种方式--传统注册方式、方法监听注册方式

JavaScript注册事件的两种方式–传统注册方式、方法监听注册方式注册事件有两种方式：传统方式和方法监听注册方式。（还有一种IE9以前支持的方式attachEven

比眉伴天荒/ 2022年12月23日 13:26/ 0 赞/ 149 阅读

相关写一个方法监听滚动条到底部要触发的事件

项目开发中有很多是滚动条触底，才会触发的操作。实现一个公共的方法监听，把需要的函数作为参数传进去，如果需要还可以附带该函数的参数。下面是代码： //监听w

素颜马尾好姑娘i/ 2022年10月29日 05:16/ 0 赞/ 174 阅读

相关 select事件监听及选中

change事件 <select onchange="selectChange(this)> <option value="500">500米</option>

喜欢ヅ旅行/ 2022年10月06日 00:41/ 0 赞/ 261 阅读

相关写一个Emitter Class,需要完成事件的注册,监听及释放

要求能实现的调用方法如下: 1. const emitter = new Emitter(); 2. const sub1 = emitter.subs

太过爱你忘了你带给我的痛/ 2022年04月10日 06:57/ 0 赞/ 133 阅读