event-bus-ts

🍰 不到1k, 一个mini的事件管理器, 希望能在您的代码中做一块砖.

方法

on(eventName, listener)

绑定事件

名称	类型	数据类型	是否必填	说明
eventName	参数	`String/Symbol`	是	事件名称
listener	参数	`Function`	是	对应的回调函数
emitter	返回值	`EventEmitter`	---	实例

off(eventName, listener)

解除绑定, 如果不填写listener, 那么eventName对应的listener都会被移除.

名称	类型	数据类型	是否必填	说明
eventName	参数	`String/Symbol`	是	事件名称
listener	参数	`Function`	是	对应的回调函数
emitter	返回值	`EventEmitter`	---	实例

const callback = data=>{
    alert(data)
};
emitter.on('add', callback);
// 解除绑定
emitter.off('add', callback);
// add事件不会触发
emitter.emit('add', 1);

once(eventName, listener)

绑定事件, 只触发一次

名称	类型	数据类型	是否必填	说明
eventName	参数	`String/Symbol`	是	事件名称
listener	参数	`Function`	是	对应的回调函数
emitter	返回值	`EventEmitter`	---	实例

const callback = data=>{
    alert(data)
};
emitter.once('add', callback);
// add事件触发
emitter.emit('add', 1);
// add事件不会触发
emitter.emit('add', 1);

emit(eventName [, ...args])

触发事件, 支持任意数量参数

名称	类型	数据类型	是否必填	说明
eventName	参数	`String/Symbol`	是	事件名称
...args	参数	`Any`	是	对应的回调函数
emitter	返回值	`Boolean`	---	实例

const callback = (a,b,c,d)=>{
    console(a,b,c,d); // 1,2,3,4
};
emitter.once('add', callback);
// add事件触发
emitter.emit('add', 1,2,3,4);

has(eventName)

是否绑定了指定事件

名称	类型	数据类型	是否必填	说明
eventName	参数	`String/Symbol`	是	事件名称

emitter.on('add', callback);

emitter.has('add'; // true

destroy()

销毁实例

const callback = (a,b,c,d)=>{
    console(a,b,c,d); // 1,2,3,4
};
emitter.once('add', callback);
emitter.destroy();

// add事件不会触发
emitter.emit('add', 1,2,3,4);

okbexx / event-bus-ts Goto Github PK

event-bus-ts's Introduction

event-bus-ts

方法

on(eventName, listener)

off(eventName, listener)

once(eventName, listener)

emit(eventName [, ...args])

has(eventName)

destroy()

event-bus-ts's People

Contributors

Watchers

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent