JavaScript ES6 中的静态方法和 Angular 2 服务

Question

在使用 Angular 2 和多种计算服务编写应用程序时，我遇到了以下问题：

1. 何时在应用程序级别提供的 Angular 服务中使用静态？这是废话吗？
2. 静态方法如何反映性能？假设有几百个对象同时调用相同的静态方法。此方法是否多次实例化？

这是一个类的快照，它为我提供了多种计算方法并在应用程序级别实例化：

@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 {
    ...
  }
}

感谢您的帮助。

Answer 1

1. 类的静态方法，与实例方法不同，属于（可见于）类本身（不是它的实例）。它们不依赖于类的实例成员，通常会从参数中获取输入，对其执行操作并返回一些结果。他们独立行动。

它们在 Angular 服务中确实有意义。在某些情况下，我们不能/实际上不需要使用服务的实例，并且我们不能/不想对它建立新的依赖关系，我们只需要访问我们的服务所承载的方法. static 成员进来了。

使用服务中定义的静态方法的例子：

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. 静态 方法对性能没有影响。正如我们在上面所确定的，它们不依赖于类的任何实例，并且调用这些方法绝不会实例化该类。

欲了解更多信息，请参阅：http://www.typescriptlang.org/docs/handbook/classes.html

Answer 2

更新

我之前的回答是基于有限的理解。静态方法在一个类本身上可用，而不是在它的一个实例上。

这里有一篇文章可以解释这个概念： https://javascript.info/static-properties-methods

seidme 的回答也很中肯。

原创

静态方法在 Angular 应用程序中被表示为全局变量（我认为？），所以我认为它们每个只会被实例化一次。因此我认为它不会对性能产生很大影响（相对于需要它的每个组件的类的实例化。）

当我不想注入服务并获取实例只是为了利用与上下文无关的格式化/实用方法时，我使用静态。这些应用程序范围的版本对我来说似乎并不合理。