Run results for: $broadcast vs pubsub

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/61.0.3159.0 Safari/537.36

Browser: Chrome 61

Operating system: Mac OS X 10.12.5

Device Platform: Other

Date tested: 7 years ago

Test name	Executions per second
$broadcast	1294633.2 Ops/sec
pubsub	4684583.0 Ops/sec

HTML Preparation code:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"></script>

<script>
angular
    .module("testApp", [])
    .factory('$observerUtil', function () {
        var observers = [],
            _addObserver = function (topic, observer) {
                if (observers[topic] || (observers[topic] = [])) {
                    observers[topic].push(observer);
                }
            },
            _removeObserver = function (topic, observer) {
                if (!observers[topic]) return;

                var index = observers[topic].indexOf(observer);

                if (~index) {
                    observers[topic].splice(index, 1);
                }
            },
            _notifyObservers = function (topic, message) {
                if (!observers[topic]) return;
                observers[topic].forEach(function (el) {
                    el(message);
                });
            },
            _getNumberOfObservers = function (topic) {
                return observers[topic].length;
            };

        return {
            addObserver: _addObserver,
            removeObserver: _removeObserver,
            notifyObservers: _notifyObservers,
            getNumberOfObservers: _getNumberOfObservers
        };

    })
    .controller("testController", function ($rootScope, $scope, $observerUtil) {

    window.$rootScope = $rootScope;
    window.$observerUtil = $observerUtil;
    var items = $scope.items = [];

    for (i = 0; i < 100; i++) {
        items.push({
            number: i,
            text: 'some text'
        })
    }

    $rootScope.$on('broadcast', function (message) {
        $scope.text = message;
    });

    $observerUtil.addObserver('pubsub', function (message) {
        $scope.text = message;
    });

});
</script>

<div ng-app="testApp">
    <div ng-controller="testController">
{{text}}
        <ul>
            <li ng-repeat="item in items" ng-bind="item.number">
            </li>
        </ul>
    </div>
</div>

Tests:

$broadcast
window.$rootScope.$broadcast('broadcast', 'test')
pubsub
window.$observerUtil.notifyObservers('pubsub','test');