Not understanding AngularJS function naming conventions

Question

I see in multiple places that functions in AngularJS begin with uppercase (but not always). In JohnPapa's style guide

https://github.com/johnpapa/angularjs-styleguide#named-vs-anonymous-functions

he shows the following. What I don't get is why Dashboard starts with uppercase and logger is lowercase. shouldn't those be the same?

/* recommended */

// dashboard.js
angular
  .module('app')
  .controller('Dashboard', Dashboard);

function Dashboard() { }

// logger.js
angular
  .module('app')
  .factory('logger', logger);

function logger() { }

Community · Accepted Answer · 2020-06-20 09:12:55Z

1

This is what he says here:

Use consistent names for all controllers named after their feature. Use UpperCamelCase for controllers, as they are constructors.

Why?: UpperCamelCase is conventional for identifying object that can be instantiated using a constructor.

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Nov 12, 2014 at 16:45

Shomz

37.7k4 gold badges61 silver badges87 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Peter Kellner Over a year ago

thanks, just got to that part of the style guide. github.com/johnpapa/angularjs-styleguide#controller-names Is a factory the only thing in angular that is not a constructor? (confused a little here)

Shomz Over a year ago

Factories/services are singletons, that's probably the login behind John's reasoning. He suggests directives should use prefixed UpperCamelCase.

Peter Kellner Over a year ago

(I think you mean "logic" and not "login". Not sure how to edit that or if I can)

Shomz Over a year ago

Ah, mechanical typing, sorry. No, we can't edit comments after 5 minutes, but it's not that relevant to the question.

Cathal · Accepted Answer · 2014-11-12 16:46:55Z

0

controllers begin with an uppercase and services with a lowercase. Good practice to put include the words controller/service as in:

 angular.module('app', [])
   .controller('DashboardController', [function Dashboard() { 
   }])
   .factory('loggerService', [function (){
   }]);

answered Nov 12, 2014 at 16:46

Cathal

1,8001 gold badge18 silver badges32 bronze badges

Collectives™ on Stack Overflow

Not understanding AngularJS function naming conventions

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related