事件订阅发布 JavaScript 库 onfire.js

浅浅的花香味﹌ 2022-05-18 11:15 188阅读 0赞

onfire.js 详细介绍

onfire.js 是一个很简单的事件分发的Javascript库（仅仅 0.9kb），简洁实用。

可以用于:

*  简单的事件分发；
 *  在 react / vue.js / angular 用于跨组件的轻量级实现；
 *  事件订阅和发布；

**API方法：**

**1.on(event\_name, callback)**

绑定事件，参数为event\_name和callback， 当有名字为event\_name的事件发生的时候，callback方法将会被执行。

这个方法会返回一个eventObj，这个可以用于使用un(eventObj)方法来取消事件绑定。

2.one(event\_name, callback)

绑定（订阅）事件，参数为 event\_name with callback. 当被触发一次之后失效。只能被触发一次，一次之后自动失效。

**3.fire(event\_name, data)**

触发名字为event\_name的事件，并且赋予变量data为callback方法的输入值。

**4.un(eventObj / eventName / function)**

取消事件绑定。可以仅仅取消绑定一个事件回调方法，也可以直接取消全部的事件；

5.clear()

清空所有事件。

**使用Demo：**

**1. 引入js文件**

npm install onfire.js

可以使用<script>标签直接引入； 也可以使用require或者import关键字引入，会得到全局变量 onfire。

import onfire from 'onfire.js';
    
    // or
    
    var onfire = require("onfire.js");

**2. 简单使用**

使用方法on来订阅事件, 使用un来取消订阅, 使用fire方法来触发事件。

import onfire from 'onfire.js';
    
    // 绑定事件
    var eventObj = onfire.on('test_event', function(data) {
        console.log('this is a event 1');
    });
    var eventObj2 = onfire.on('test_event', function(data) {
        console.log('this is a event 2');
    });
    
    // 触发事件
    onfire.fire('test_event', 'test_data');
    
    // 取消绑定
    onfire.un(eventObj); // 取消绑定这个事件.
    onfire.un('test_event'); // 取消绑定所有的 `test_event`.

发表评论取消回复

表情：

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

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

相关阅读

相关发布订阅

*发布订阅** 在软件架构中，发布订阅是一种消息范式，消息的发送者（称为发布者）不会将消息直接发送给特定的接收者（称为订阅者）。而是将发布的消息分为不同的类别，无需了...

矫情吗；*/ 2024年04月17日 15:32/ 0 赞/ 83 阅读

相关一个事件订阅和发布的库（onfire.js）的源码浅析

文章目录一、onfire.js介绍二、API介绍三、变量浅析四、订阅函数浅析五、发布函数浅析六、全部源码一、onfi

左手的ㄟ右手/ 2023年10月07日 19:26/ 0 赞/ 44 阅读

相关 JavaScript 的发布订阅模式

发布-订阅模式里面包含了三个模块，发布者，订阅者和处理中心，如下图结构。 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_s

今天药忘吃喽~/ 2023年02月22日 12:18/ 0 赞/ 21 阅读

相关 JavaScript的发布订阅模式

![d355b67bcf963d7647386b650f14a8ef.png][] 这里要说明一下什么是发布-订阅模式。发布-订阅模式里面包含了三个模块，发布者

你的名字/ 2022年08月29日 11:57/ 0 赞/ 196 阅读

相关发布--订阅

定义发布-订阅模式又叫观察者模式，它定义对象间的一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于他的对象都将得到通知。我们一般用事件模型来代替传统的发布

傷城~/ 2022年06月07日 13:44/ 0 赞/ 271 阅读

相关 JavaScript事件发布/订阅

1、发布/订阅模式也是诸多设计模式当中的一种； 2、这种方式可以在es5下相当优雅地处理异步操作； 3、什么是发布/订阅呢？我们举个栗子：假设fn1，fn2，fn3都可

谁借莪１个温暖的怀抱￠/ 2022年05月21日 08:28/ 0 赞/ 174 阅读

相关事件订阅发布 JavaScript 库 onfire.js

onfire.js 详细介绍 onfire.js 是一个很简单的事件分发的Javascript库（仅仅 0.9kb），简洁实用。可以用于: 简单的事件分发；

末蓝、/ 2022年05月19日 06:36/ 0 赞/ 171 阅读

相关事件订阅发布 JavaScript 库 onfire.js

onfire.js 详细介绍 onfire.js 是一个很简单的事件分发的Javascript库（仅仅 0.9kb），简洁实用。可以用于: 简单的事件分发；

浅浅的花香味﹌/ 2022年05月18日 11:15/ 0 赞/ 189 阅读

相关【JavaScript】设计模式-发布订阅模式

var Observer = (function() { var _message = {} return { //将订阅者注册

曾经终败给现在/ 2022年04月23日 21:48/ 0 赞/ 192 阅读

相关 JavaScript发布订阅者模式

假如你要建立一个网站，通常来说会有许多用户。你作为一名管理者，有时候需要将重要的消息发布给你的用户。在软件开发领域，开发此功能往往用到发布订阅者模式。下面我以简单的javasc

朴灿烈づ我的快乐病毒、/ 2022年01月20日 02:09/ 0 赞/ 281 阅读