在javascript类上使用静态方法答案

【问题标题】：using static method on javascript class在javascript类上使用静态方法
【发布时间】：2021-01-02 15:07:56
【问题描述】：

我担心哪个更快。我应该使用从一个类创建一个新对象并使用该对象还是使用具有静态方法的类。

export default class AuthServices { 
    static async login (data) {}
    static async register (data) {}
}

上面的代码使用了静态方法，我可以通过先调用类名来访问login和register函数。我是否应该摆脱静态并在要调用这些函数的文件上创建一个对象。

【问题讨论】：

创建某个对象的实例只是为了调用不使用该对象的方法是没有意义的。因此，static 将是首选。这完全等同于一个带有两个属性的普通对象。 static 只是声明同一件事的另一种方式。它还允许它们也可以是实例化类并使用实例化对象的其他代码，但这不是必需的。一个人可以单独使用static 方法，它与声明一个带有方法的普通对象一样有效。
另外担心静态类方法或普通对象方法是否更快肯定是过早的优化。你有更重要的事情要担心，尤其是因为它们是相同的内部实现。

标签： javascript express model-view-controller

【解决方案1】：

您可以简单地为 AuthServics 使用对象文字而不是类。

export default const AuthServices =  { 
      login: async (data) {}
      register: async (data) {}
}

如果您想使用类，请使用静态方法，不要从类中实例化。访问这样的方法

AuthServices.login()

无需在内存中创建这些方法的多个副本。

【讨论】：

这与在类上使用static 的作用相同。它们实际上生成和执行相同的代码 - 没有区别。

【解决方案2】：

我认为最好将AuthService 实现为带有静态方法的单例来获取实例。（因为您希望全局访问此服务）

class AuthService {

  constructor() {
    if (!AuthService._instance) {
      AuthService._instance = this;
    }
    return AuthService._instance;
  }

  static getInstance() {
    return this._instance;
  }

  async login(data) {
   //Implementation
  }

  async register(data) {
  //Implementation
  }
}

要访问它，您可以执行以下操作：

const authService = AuthService.getInstance();

authService.register();
authService.login();

【讨论】：

为什么你需要一个单例来访问两个静态方法？这对于他们展示的问题来说太过分了。所有的 OP 展示的是两个静态方法。