How to Call Static Methods in ES6 Classes: Constructor vs. Class Name?

Calling Static Methods in ES6 Classes

In ES6 classes, static methods can be defined using the static keyword. One might wonder about the standard way to call these static methods.

Two Approaches:

1. Using the Constructor

This approach involves using the constructor property of the class instance to access the static method. For example:

class SomeObject {
  constructor(n) {
    this.n = n;
  }

  static print(n) {
    console.log(n);
  }

  printN() {
    this.constructor.print(this.n);
  }
}

2. Using the Class Name

The other approach is to directly use the name of the class to call the static method. Like so:

SomeObject.print(123);

Inheritance Implications:

Using either approach has different implications when dealing with inheritance and overriding static methods.

• Constructor approach: Uses dynamic dispatch, so it refers to the class of the current instance. If the static method is overridden in a subclass, the overridden method will be called.
• Class name approach: Refers directly to the class in which the static method is defined, bypassing any potential overrides in subclasses.

Conclusion:

Both approaches are valid, but the choice depends on the desired behavior in the context of inheritance. If you expect static properties to remain consistent and belong to the original class, use the class name approach. If you need dynamic access to the static properties of the current instance's class, use the constructor approach.

The above is the detailed content of How to Call Static Methods in ES6 Classes: Constructor vs. Class Name?. For more information, please follow other related articles on the PHP Chinese website!