控制器中定义的函数（javascript）与scope.function（angular函数）的区别

Question

I want to know the difference between declaration of this two function in angular controller

function demo() {                           
};               

scope.demo = function() {                    
};

Whether this two function are similar in performance or not?,Which one is the better option?

I know only one difference that watch can be applied to a function which is in the scope means angular directive or element can't call javascript function.

Answer 1

Consider the following controller:

app.controller('Home', function($scope){
    function thisIsAPrivateMethod(){
      alert('Hello world');
    }

    $scope.thisIsAPublicScopedMethod(){
       alert("I'm shown!");
    }

    thisIsAPrivateMethod(); // will trigger the alert everytime HomeController is instansiated
});

in the view:

<div ng-controller="Home">
    <button ng-click="thisIsAPrivateMethod()">I will not work</button>
<button ng-click="thisIsAPublicScopedMethod()">I should display an alert</button>
</div>

As you see, the private method is only accessible within the controller code itself.

Answer 2

I think the only difference is the visibility of the function. The first one will be global, and the second one can only referred through a angular scope variable.