$rootScope.emit() vs $rootScope.$broadcast() (v7)

Revision 7 of this benchmark created on

Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.3/angular.min.js"></script>

<script>
angular
    .module("testApp",[])
    .controller("testController",function($rootScope, $scope) {

        
        var items = $scope.items = [];

        for (i=0;i<100;i++){
            items.push({
                number: i,
                text: 'some text'
            })
        }

    })
.controller("test2Controller",function($rootScope, $scope) {

       
        var items = $scope.items2 = [];

        for (i=0;i<100;i++){
            items.push({
                number: i,
                text: 'some text'
            })
        }

    });
</script>

<div ng-app="testApp" id="root">
    <div ng-controller="testController">
        <ul>
            <li ng-repeat="item in items" ng-bind="item.number">
            </li>
        </ul>

     <div ng-controller="test2Controller">
        <ul id="child">
            <li ng-repeat="item in items2" ng-bind="item.number">
            </li>
        </ul>
     </div>
    </div>

    

</div>

Test runner

Ready to run.

Testing in
TestOps/sec
$broadcast
angular.element('#root').scope().$broadcast('fooHappened');
ready
$emit
angular.element('#child').scope().$emit('fooHappened');
ready

Revisions

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