EventEmitter.js vs DOM events (v9)

Revision 9 of this benchmark created on

Description

Event hub implemented with JS would faster or slower than DOM events?

Preparation HTML

<script>/*!
 * EventEmitter v4.1.0 - git.io/ee
 * Oliver Caldwell
 * MIT license
 * @preserve
 */
!function(r){"use strict";function t(){}function n(n,e){if(i)return e.indexOf(n);for(var t=e.length;t--;)if(e[t]===n)return t;return-1}var e=t.prototype,i=Array.prototype.indexOf?!0:!1;e._getEvents=function(){return this._events||(this._events={})},e.getListeners=function(n){var r,e,t=this._getEvents();if("object"==typeof n){r={};for(e in t)t.hasOwnProperty(e)&&n.test(e)&&(r[e]=t[e])}else r=t[n]||(t[n]=[]);return r},e.getListenersAsObject=function(n){var e,t=this.getListeners(n);return t instanceof Array&&(e={},e[n]=t),e||t},e.addListener=function(i,r){var e,t=this.getListenersAsObject(i);for(e in t)t.hasOwnProperty(e)&&-1===n(r,t[e])&&t[e].push(r);return this},e.on=e.addListener,e.defineEvent=function(e){return this.getListeners(e),this},e.defineEvents=function(t){for(var e=0;e<t.length;e+=1)this.defineEvent(t[e]);return this},e.removeListener=function(i,s){var r,e,t=this.getListenersAsObject(i);for(e in t)t.hasOwnProperty(e)&&(r=n(s,t[e]),-1!==r&&t[e].splice(r,1));return this},e.off=e.removeListener,e.addListeners=function(e,t){return this.manipulateListeners(!1,e,t)},e.removeListeners=function(e,t){return this.manipulateListeners(!0,e,t)},e.manipulateListeners=function(r,t,i){var e,n,s=r?this.removeListener:this.addListener,o=r?this.removeListeners:this.addListeners;if("object"!=typeof t||t instanceof RegExp)for(e=i.length;e--;)s.call(this,t,i[e]);else for(e in t)t.hasOwnProperty(e)&&(n=t[e])&&("function"==typeof n?s.call(this,e,n):o.call(this,e,n));return this},e.removeEvent=function(n){var e,r=typeof n,t=this._getEvents();if("string"===r)delete t[n];else if("object"===r)for(e in t)t.hasOwnProperty(e)&&n.test(e)&&delete t[e];else delete this._events;return this},e.emitEvent=function(r,i){var n,e,s,t=this.getListenersAsObject(r);for(e in t)if(t.hasOwnProperty(e))for(n=t[e].length;n--;)s=i?t[e][n].apply(null,i):t[e][n](),s===!0&&this.removeListener(r,t[e][n]);return this},e.trigger=e.emitEvent,e.emit=function(e){var t=Array.prototype.slice.call(arguments,1);return this.emitEvent(e,t)},"function"==typeof define&&define.amd?define(function(){return t}):r.EventEmitter=t}(this);
</script>

Setup

window.EETimestamp = 0
    window.NETimestamp = 0
    window.EEIntervals = []
    window.NEIntervals = []
    window.ee = new EventEmitter()
    
    window.EEcallback = function()
    {
      var old = EETimestamp
      EETimestamp = performance.now()
      var inter = EETimestamp - old
      //EEIntervals.push(old)
    }
    
    window.NEcallback = function()
    {
      var old = NETimestamp
      NETimestamp = performance.now()
      var inter = NETimestamp - old
      //NEIntervals.push(old)
    }
    
    window.ee.addListener('test', window.EEcallback)
    window.addEventListener('test', window.NEcallback)

Teardown


    window.EETimestamp = 0
    window.NETimestamp = 0
    EEIntervals.length = 0
    NEIntervals.length = 0
    window.ee.removeListener('test', window.EEcallback)
    delete window.ee
    window.removeEventListener('test', window.NEcallback)

Test runner

Ready to run.

Testing in
TestOps/sec
EventEmitter.js
window.ee.emitEvent('test')
ready
DOM event
var event = new Event("test");
window.dispatchEvent(event);
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.