Mitty
Simple event emitter for javascript. Enables objects to publish and subscribe to custom events. Works client and server side. Weighs less than 1KB.
Demo and documentation can be found here
With mitty every extended object can publish and listen to custom events. Objects can be both publishers and subscribers simultaneously. Mitty provides a simple api for one object to listen to it's own events or subscribe to some other object events.
Supports all browsers that are ES5-compliant (IE8 and below are not supported).
Examples and api
on and trigger
Subscribe object to events with on(), publish events with trigger().
// start with simple object
var musician = {name: 'George'};
// use "mitty" function to augment object with event api
mitty(musician);
// subscribe to play event
musician.on('play', function(message) {
console.log(this.name + ' is currently playing. ' + message);
});
// trigger / publish "play" event with custom message as data
// outputs 'George is currently playing. With style!'
musician.trigger('play', 'With style!');off
Remove events with off()
// Remove subscription
musician.off('play');
// Trigger does nothing since we removed subscription
musician.trigger('play', 'With style again!');listenTo and stopListening
Use listenTo() when you want to subscribe to some other object events. Invoke stopListening() when you want to remove those subscriptions.
var instrument = mitty({type: 'Guitar'});
instrument.listenTo(musician, 'play', function() {
console.log(musician.name + ' is playing ' + this.type + ' with grace!');
});
// Outputs 'George is playing Guitar with grace!'
musician.trigger('play');
// Remove subscription
instrument.stopListening(musician);
// Will not output
musician.trigger('play');once and listenToOnce
Use once() and listenToOnce() when for executing one time event listeners.
var musician = mitty({name: 'George', playedTimes: 0});
musician.once('play', function() {
musician.playedTimes += 1;
});
musician.trigger('play').trigger('play').trigger('play');
console.log(musician.playedTimes) // outputs 1var musician = mitty({name: 'George'});
var instrument = mitty({type: 'Guitar', playedTimes: 0});
instrument.listenToOnce(musician, 'play', function() {
instrument.playedTimes += 1;
});
musician.trigger('play').trigger('play').trigger('play');
console.log(instrument.playedTimes) // outputs 1Augmenting objects
Types / prototype based constructor functions can also be augmented with events like so:
function Person(name) {
this.name = name;
}
mitty(Person.prototype);
var john = new Person('John');
john.on('sayHello', function() {
console.log(this.name + ' says hello');
});
john.trigger('sayHello'); // outputs 'John says hello'Installation
Mitty types is packaged as UMD library so you can use it both on client and server (CommonJS and AMD environment) or with browser globals.
// install via npm
npm install mitty --save
// if you use bundler
var mitty = require('mitty');
// or use browser globals
var mitty = window.mitty;
