onfire.js 是一个很简约的事宜分发,事宜定阅和宣布的Javascript库(仅仅
0.9kb
),简约有用。
Github地点:https://github.com/hustcc/onfire.js
能够用于:
简朴的事宜分发;
在 react / vue.js / angular 用于跨组件的轻量级完成;
事宜定阅和宣布;
在线示例,点击这里;English Version Readme. Click Here。
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
的事宜,而且给予系列变量datas
为callback
要领的输入值。
4. fireSync(event_name, data)
同步的体式格局触发名字为 event_name
的事宜,而且给予系列变量datas
为callback
要领的输入值。
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