在 javascript class 上使用 static 方法

Question

I am concerned about which one is more faster. Should I use create a new object from a class and use that object or use class with static methods.

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

The above code used static method and I can access login and register function by calling class name first. Should I get rid of static and create an object on the file that is going to call these functions.

Answer 1

You can simply use an object literal for AuthServics instead of a class.

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

If you want to use class then use static methods and do not instantiate from class. Access the methods like this

AuthServices.login()

There is no need to create multiple copies of these methods in memory.

Answer 2

I think it would be better to implement AuthService as a singleton with a static method to get the instance. (Since you would want to have a global access to this service)

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
  }
}

To access it you would do something like this:

const authService = AuthService.getInstance();

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