Как вынести функции за пределы контроллера?

Question

[Максим Иванов]

Есть код, условный:

// js/controller/MainController'.js
app.controller('MainController', ['$scope', function($scope) { 
$scope.title = 0;

// обработчик
$scope.clickFn = nameFuncion;

}]);

// js/handler/nameFunction.js
function  nameFuncion(){
$scope.title = 1; // не видит $scope, в принципе логично, но можно ли как-то исправить?
}

Просто мне в Си нравится то, что прототип функции (название) можно описать в классе в файле хедера, и тогда можно легко читать интерфейс такого класса, а уже сама реализация в файле cpp, можно такое сделать и на JS?

Answer 1

[Михаил Рыбаков]

Вот как раз с этого и начинаются все проблемы, когда вы пассатижи начинаете использовать как молоток, просто потому, что привыкли к молотку.
Можно делать так:

app.controller('MainController', ['$scope', function($scope) {
  $scope.title = 0;
  // с помощью bind() можно явным образом задать контекст
  $scope.clickFn = nameFuncion.bind($scope);
}]);

function nameFuncion(){
  this.title = 1;
}

Comments

[Максим Иванов]

"пассатижи начинаете использовать как молоток"
не совсем понимаю, почему в этом контексте так нельзя делать? легче же разбить функции по разным файлам и тогда будет понятно что и где, просто, очень уж много кода в одном контроллере получается

[Максим Иванов]

зато теперь bind стал понимать для чего, спасибо))

[Михаил Рыбаков]

Максим Иванов: Прежде всего потому что JS и C++ во многом разные языки у них разная сфера применения.

Answer 2

[Антон Цепковский]

сделайте сервис, подключите его к контроллеру и используйте паблик его функции

// js/controller/MainController'.js
app.controller('MainController', ['$scope', 'someService', function($scope, someService) { 
$scope.title = someService.title = 0;

// обработчик
$scope.clickFn = someService.nameFuncion;

}]);

app.service('someService', [function() {

  var title;
  function  nameFuncion(){
    title = 1;
  }

  return {
    title: title,
    nameFunction: nameFunction
  }
}]);

Comments

[Максим Иванов]

слишком большой размер функции, много скроллить приходиться в файле сервиса