onfire.js — это простая библиотека диспетчера событий (всего 0,9 КБ). Простая и полезная.

Может использоваться:

• как простой диспетчер событий;
• для межкомпонентного взаимодействия в React, Vue.js и Angular;
• для подписки и публикации событий.

Демо-версия доступна здесь. Документация на китайском языке доступна по ссылке README_zh.md.

API метода

1. on(event_name, callback, context) Привязывает событие с именем event_name к функции callback. Когда происходит событие с именем event_name, функция callback обрабатывает его. Функция возвращает объект eventObj, который можно использовать для отмены привязки с помощью API un(eventObj).

2. one(event_name, callback, context) Один раз привязывает событие с именем event_name к функции callback, которая выполняется только один раз после срабатывания события. После выполнения функция автоматически удаляется.

3. fire(event_name, data1, data2, data3, ...) Асинхронно запускает событие с именем event_name и передаёт данные datas в качестве входных данных функции callback.

4. fireSync(event_name, data1, data2, ...) Синхронно запускает событие с именем event_name и передаёт данные data в качестве входных данных функции callback.

5. un(eventObj / event_name / function) Отменяет привязку события. Можно отменить привязку объекта события, или просто имени события, или функции обратного вызова. Получает существующий массив событий.

6. clear() Очищает все события.

Детальное использование

1. Импорт библиотеки Установите библиотеку JavaScript.

npm install onfire.js Можно импортировать её с помощью тега <script> или использовать ключевые слова require или import.

import onfire from 'onfire.js';

// или

var onfire = require("onfire.js");

2. Простое использование Используйте on для подписки на событие, используйте un для отмены, и используйте fire для публикации / запуска события.

import onfire from 'onfire.js';

function test_callback(data1, data2) {
	console.log('this is a event 1');
}

// bind event and callback
var eventObj = onfire.on('test_event', test_callback);
var eventObj2 = onfire.on('test_event', function(data1, data2) {
	console.log('this is a event 2');
});

// fire event
onfire.fire('test_event', 'test_data1', 'test_data2');

// cancel bind event
onfire.un(eventObj); // only cancel the eventObj.
onfire.un('test_event'); // cancel all events named `test_event`.
onfire.un(test_callback); // cancel all the `test_callback` functions.