31

While coding an app with Angular 2 and multiple calculation services I faced the following questions:

  1. When do I use static in a Angular service provided on application level? Is that nonsense?
  2. How does a static method reflect on performance? Lets say a couple hundret objects call at the same time the same static method. Is this method instantiated more than once?

This is a snap of the class, that provides me multiple calculation methods and is instantiated on application level: 

@Injectable()
export class FairnessService {
  constructor(){}
  private static calculateProcentValue(value: number, from: number): number {
    return (Math.abs(value) / Math.abs(from)) * 100;
  }
  public static calculateAllocationWorth(allocation: Allocation): number {
    ...
  }
}

Thanks for helping.

Improve this question
1
  • 1
    private static? :o Commented Jan 25, 2017 at 22:15

2 Answers 2

Reset to default
43
  1. Static methods of a class, unlike instance methods, belong to (are visible on) the class itself (not an instance of it). They do not depend on the instance members of a class and will usually take input from the parameters, perform actions on it, and return some result. They act independently.

They do make sense in Angular services. There are situations where we can't / don't actually need to use an instance of the service, and we can't / don't want to make a new dependency on it, we only need access to the methods our service carries. Here static members come in.

The example of using the static method defined in the service:

import { FairnessService } from './fairness.service';

export class MyComponent {

    constructor() {
        // This is just an example of accessing the static members of a class.
        // Note we didn't inject the service, nor manually instantiate it like: let a = new A();
        let value = FairnessService.calculatePercentValue(5, 50);
        let value2 = FairnessService.calculatePercentValue(2, 80);

        console.log(value); // => 10
        console.log(value2); // => 2.5
    }
}
  1. Static methods have no impact on the performance. As we've ascertained above, they do not depend on any instance of the class, and invoking those methods will in no way instantiate the class.

For more information, it's explained well on: http://www.typescriptlang.org/docs/handbook/classes.html

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

2 Comments

As I understand it, at least 1 instance of every instance is created in Angular when either added to the providers list of a module or added to the 'providedIn': root. I still struggle to understand what is the difference between static or instance methods in a singleton service. I actually don't see any use-case for non-singleton services either but that is another matter I guess...could you provide any additional info if you have it?
This does kinda defeat the theoretical purpose of having a dependency injection container, which would allow you to swap out FairnessService for some other NotSoFairService at runtime without having to change the FairnessService implementation.
4

Update

My answer before was based on a limited understanding. The static methods are available on a class itself, not on one of it's instantiations.

Here's an article that can explain this concept: https://javascript.info/static-properties-methods

seidme's answer is also solid.

Original

Static methods are represented as global variables (I think?) in the Angular application, so I think they would only be instantiated once each. Therefore I think it would not have a large impact on performance (relative to an instantiation of the class for each component that needs it.)

I use static when I don't want to inject the service and get an instance just to leverage context-agnostic formatting/utility methods. Application-wide versions of these don't seem unreasonable to me.

Improve this answer

10 Comments

If that's the case it's amazing, I always thought you had to inject services in order to use them :o
The "Inject" is for the DI process I believe, so if you need an instance of a service, then it must be injected. However, if it's a static class (i.e. no instance!), then no need for an instance, so no need for DI, and therefore no need for @Injectable :)
But how do you create a static class? His example isn't a static class right?
@user2528534 There isn't any benefit one way or the other. What is beneficial is using static/plain functions when appropriate and not trying to force everything into class instances--the Angular folks are just a little bit special..
class YourComponent { const localVar = StaticService.property } // localVar accessable in view
|

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.