Call static methods from regular ES6 class methods

by

Both ways are viable, but they do different things when it comes to inheritance with an overridden static method. Choose the one whose behavior you expect:

class Super {
  static whoami() {
    return "Super";
  }
  lognameA() {
    console.log(Super.whoami());
  }
  lognameB() {
    console.log(this.constructor.whoami());
  }
}
class Sub extends Super {
  static whoami() {
    return "Sub";
  }
}
new Sub().lognameA(); // Super
new Sub().lognameB(); // Sub

Referring to the static property via the class will be actually static and constantly give the same value. Using this.constructor instead will use dynamic dispatch and refer to the class of the current instance, where the static property might have the inherited value but could also be overridden.

This matches the behavior of Python, where you can choose to refer to static properties either via the class name or the instance self.

If you expect static properties not to be overridden (and always refer to the one of the current class), like in Java, use the explicit reference.

More Related Contents:

  1. Getting a list of statics on an ES6 class
  2. Private properties in JavaScript ES6 classes
  3. ES6 class variable alternatives
  4. ES6 modules: Export single class of static methods OR multiple individual methods
  5. Create object from class name in JavasScript ECMAScript 6
  6. Why and when do we need to bind functions and eventHandlers in React?
  7. How to extend a class without having to use super in ES6?
  8. Declaring static constants in ES6 classes?
  9. Create an instance of a class in ES6 with a dynamic name? [duplicate]
  10. ES6 classes : what about instrospection?
  11. Javascript ES6 class definition not accessible in window global
  12. “This” within es6 class method [duplicate]
  13. ES6 Dynamic class names
  14. How to clone a javascript ES6 class instance
  15. Override a setter, and the getter must also be overridden
  16. ES6 functions, arrow functions and ‘this’ in an ES6 class [duplicate]
  17. JSON stringify ES6 class property with getter/setter
  18. What are getters and setters for in ECMAScript 6 classes?
  19. Why aren’t methods of an object created with class bound to it in ES6?
  20. JS call static method from class
  21. How to add mixins to ES6 javascript classes?
  22. ES6 – declare a prototype method on a class with an import statement
  23. What benefits does ES2015 (ES6) `class` syntax provide?
  24. What does arrow function ‘() => {}’ mean in Javascript? [duplicate]
  25. Using Objects in For Of Loops
  26. ECMAScript 6 class destructor
  27. String interpolation on variable
  28. Why should forEach be preferred over regular iterators?
  29. functional way to iterate over range (ES6/7) [duplicate]
  30. ES6 module scope

Leave a Comment