javascript - AngularJS Controller 函数最佳实践

Question

如果我想从模板中引用我的 Angular Controller 函数，我应该将函数放在 $scope 中，如下所示:

[template]
<button ng-click="doSomething()"></button>

[controller]
$scope.doSomething = function(){};

但是我不会在模板中引用的其他函数(和我不需要监视的 Controller 变量)呢？

我是否也应该将它们都放在“$scope”中？这对性能不好吗？在 $scope 之外声明此类函数是否有任何问题？

Answer 1

您可以简单地将它们定义为 Controller 函数中的私有(private)函数。

请注意，我也更喜欢函数声明语法，而不是将函数表达式分配给变量，因为它允许您在底部声明所有函数，从而减少试图查看正在发生的事情时的认知负担。

app.controller('MainCtrl', function ($scope) {
  $scope.exposedFn = exposedFn;

  function exposedFn() {
      fnNotExposed();
  }

  function fnNotExposed() {}

});