Pub/Sub implementations (v9)

Revision 9 of this benchmark created on

Description

Fixed test case for Peter Higgins pubsub implementation. Previous tests weren't actually unsubbing properly causing slow performance.

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<script>
  ;
  (function(d) {
  
    // the topic/subscription hash
    var cache = {};
  
    d.publish1 = function( /* String */ topic, /* Array? */ args) {
      cache[topic] && d.each(cache[topic], function() {
        this.apply(d, args || []);
      });
    };
  
    d.subscribe1 = function( /* String */ topic, /* Function */ callback) {
      if (!cache[topic]) {
        cache[topic] = [];
      }
      cache[topic].push(callback);
      return [topic, callback]; // Array
    };
  
    d.unsubscribe1 = function( /* Array */ handle) {
      var t = handle[0];
      cache[t] && d.each(cache[t], function(idx) {
        if (this == handle[1]) {
          cache[t].splice(idx, 1);
        }
      });
    };
  
  })(jQuery);
  
  /*!
   * jQuery Tiny Pub/Sub - v0.3pre - 11/4/2010
   * http://benalman.com/
   * 
   * Copyright (c) 2010 "Cowboy" Ben Alman
   * Dual licensed under the MIT and GPL licenses.
   * http://benalman.com/about/license/
   */
  /*!
   * jQuery Tiny Pub/Sub - v0.X - 11/18/2010
   * http://benalman.com/
   * 
   * Original Copyright (c) 2010 "Cowboy" Ben Alman
   * Dual licensed under the MIT and GPL licenses.
   * http://benalman.com/about/license/
   *
   * Made awesome by Rick Waldron
   *
   */
  (function(jQuery) {
    var o = jQuery({});
    jQuery.each({
      "subscribe2": "bind",
      "unsubscribe2": "unbind",
      "publish2": "trigger"
    }, function(fn, api) {
      jQuery[fn] = function() {
        o[api].apply(o, arguments);
      };
    });
  })(jQuery);
  
  
  /*
   * Simple Pub/Sub Implementation for jQuery
   *
   * Inspired by work from Peter Higgins (https://github.com/phiggins42/bloody-jquery-plugins/blob/master/pubsub.js)
   *
   * This is about the simplest way to write a pubsub JavaScript implementation for use with jQuery.
   */
  
  (function($) {
    // Cache of all topics
    var topics = {};
  
    // Iterates through all subscribers of a topic and invokes their callback,
    // passing optional arguments.
    $.publish3 = function(topic, args) {
      if (topics[topic]) {
        var thisTopic = topics[topic],
            thisArgs = args || [];
  
        for (var i = 0, j = thisTopic.length; i < j; i++) {
          thisTopic[i].apply($, thisArgs);
        }
      }
    };
  
    // Returns a handle needed for unsubscribing
    $.subscribe3 = function(topic, callback) {
      if (!topics[topic]) {
        topics[topic] = [];
      }
  
      topics[topic].push(callback);
  
      return {
        topic: topic,
        callback: callback
      };
    };
  
    // Removes the subscriber from the particular topic its handle was assigned to
    $.unsubscribe3 = function(handle) {
      var topic = handle.topic;
  
      if (topics[topic]) {
        var thisTopic = topics[topic];
  
        for (var i = 0, j = thisTopic.length; i < j; i++) {
          if (thisTopic[i] === handle.callback) {
            thisTopic.splice(i, 1);
            // break; here? duplicate handles are possible
          }
        }
      }
    };
  
  })(jQuery);
  
  
  (function(d) {
  
    // the topic/subscription hash
    var cache = {};
  
    d.publish4 = function( /* String */ topic, /* Array? */ args) {
      // summary: 
      //                Publish some data on a named topic.
      // topic: String
      //                The channel to publish on
      // args: Array?
      //                The data to publish. Each array item is converted into an ordered
      //                arguments on the subscribed functions. 
      //
      // example:
      //                Publish stuff on '/some/topic'. Anything subscribed will be called
      //                with a function signature like: function(a,b,c){ ... }
      //
      //        |               $.publish4("/some/topic", ["a","b","c"]);
      cache[topic] && d.each(cache[topic], function() {
        this.apply(d, args || []);
      });
    };
  
    d.subscribe4 = function( /* String */ topic, /* Function */ callback) {
      // summary:
      //                Register a callback on a named topic.
      // topic: String
      //                The channel to subscribe to
      // callback: Function
      //                The handler event. Anytime something is $.publish'ed on a 
      //                subscribed channel, the callback will be called with the
      //                published array as ordered arguments.
      //
      // returns: Array
      //                A handle which can be used to unsubscribe this particular subscription.
      //        
      // example:
      //        |       $.subscribe4("/some/topic", function(a, b, c){ /* handle data */ });
      //
      if (!cache[topic]) {
        cache[topic] = [];
      }
      cache[topic].push(callback);
      return [topic, callback]; // Array
    };
  
    d.unsubscribe4 = function( /* Array */ handle) {
      // summary:
      //                Disconnect a subscribed function for a topic.
      // handle: Array
      //                The return value from a $.subscribe call.
      // example:
      //        |       var handle = $.subscribe("/something", function(){});
      //        |       $.unsubscribe4(handle);
      var t = handle[0];
      cache[t] && d.each(cache[t], function(idx) {
        if (this == handle[1]) {
          cache[t].splice(idx, 1);
        }
      });
    };
  
  })(jQuery);
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
Object cache (Higgins)
var handle = $.subscribe1('foo', function() {
  1 + 1;
});

$.publish1('foo', ['bar']);

$.unsubscribe1(handle);
ready
jQuery events
$.subscribe2('foo', function() {
  1 + 1;
});

$.publish2('foo', ['bar']);

$.unsubscribe2('foo');
ready
higgins inspired
var handle = $.subscribe3('foo', function(msg) {
  1 + 1;
});

$.publish3('foo', ['bar']);

$.unsubscribe3(handle);
ready
higgins again
var handle = $.subscribe4('foo', function(msg) {
  1 + 1;
});

$.publish4('foo', ['bar']);

$.unsubscribe4(handle);
ready

Revisions

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