一个0.9kb简约的事宜定阅和宣布Javascript库

onfire.js 是一个很简约的事宜分发,事宜定阅和宣布的Javascript库(仅仅 0.9kb),简约有用。

Github地点:https://github.com/hustcc/onfire.js

能够用于:

  • 简朴的事宜分发;

  • 在 react / vue.js / angular 用于跨组件的轻量级完成;

  • 事宜定阅和宣布;

在线示例,点击这里;English Version Readme. Click Here

《一个0.9kb简约的事宜定阅和宣布Javascript库》 《一个0.9kb简约的事宜定阅和宣布Javascript库》 《一个0.9kb简约的事宜定阅和宣布Javascript库》 《一个0.9kb简约的事宜定阅和宣布Javascript库》

API 要领

1. on(event_name, callback)

绑定事宜,参数为 event_namecallback, 当有名字为event_name的事宜发作的时刻,callback要领将会被执行。

这个要领会返回一个eventObj,这个能够用于运用un(eventObj)要领来作废事宜绑定。

2. one(event_name, callback)

绑定(定阅)事宜,参数为 event_name with callback. 当被触发一次以后失效。只能被触发一次,一次以后自动失效

3. fire(event_name, data)

触发名字为 event_name 的事宜,而且给予系列变量datascallback要领的输入值。

4. fireSync(event_name, data)

同步的体式格局触发名字为 event_name 的事宜,而且给予系列变量datascallback要领的输入值。

5. un(eventObj / event_name)

作废事宜绑定。能够仅仅作废绑定一个事宜回调要领,也能够直接作废悉数的事宜。

返回一切的事宜称号数组。

6. 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(data1, data2) {
    console.log('this is a event 1');
});
var eventObj2 = onfire.on('test_event', function(data1, data2) {
    console.log('this is a event 2');
});

// 触发事宜
onfire.fire('test_event', 'test_data1', 'test_data2');

// 作废绑定
onfire.un(eventObj); // 作废绑定这个事宜.
onfire.un('test_event'); // 作废绑定一切的 `test_event`.

LICENSE

MIT

    原文作者:aTool_vip
    原文地址: https://segmentfault.com/a/1190000005992705
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞