Skip to content

html5crew/simple-observer

Repository files navigation

simple-observer

Build Status

Simple Javascript Observer Pattern

dependencies: https://github.com/html5crew/simple-inheritance

usage

To implement observer pattern:
var View = Observer.extend({
    init: function () {
    },
    render: function () {
        ...
        parentElement.appendChild(element);
        this.emit('didInsertElement', element);
    }
});

var view = new View();

view.on('didInsertElement', function (el) {
    el.classList.add('highlight');
});
As an event queue:
// as a event queue
var queue = new Observer();

...

queue.on('custom-event', function (eventObject) {
    
});

...

queue.emit('custom-event', { foo: "bar" });

API

on(event(s), callback)

arguments
  • event(s):
    • type: String or Array
  • callback:
    • type: Function

off(event(s), callback)

arguments
  • event(s):
    • type: String or Array
  • callback:
    • type: Function

emit(event(s), eventObject)

arguments
  • event(s):
    • type: String or Array
  • callback:
    • type: Function

once(event, callback)

arguments
  • event:
    • type: String
  • callback:
    • type: Function

About

Simple Javascript Observer Pattern

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Contributors