Call static methods when using default

Question

When using ES6 modules and export default class how is it possible to call a static method from another method within the same class? My question refers specifically to when the class is marked as default (unlike es6 call static methods)

The below example illustrates how it is possible to call the static method from a non-static method when not using default, i.e. Test.staticMethod()?

export default class {
    static staticMethod(){
        alert('static');
    }

    nonStaticMethod(){
        // will not work because staticMethod is static.
        // Ordinarily you would use MyClass.staticMethod()
        this.staticMethod();
    }
}

As I understand it - a static method gives you the ability to call that method without instantiating a "new Class". On the other hand you would need to type "new Class" in order to be able to call nonStaticMethod(). developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… Can you make a utility class separate from the nonStaticMethod class and then you call Utils.staticMethod() inside your nonStaticMethod? — Spencer Bigum
– Spencer Bigum, Commented Apr 27, 2017 at 16:39
Is there a reason you cannot introduce an auxiliray name after the export default class (like export default class Foo) and refer to the static method with the name? (Foo.staticMethod)? Would this work for you? — Wiktor Zychla
– Wiktor Zychla, Commented Apr 27, 2017 at 16:41
@WiktorZychla yes this seems to be working actually. I was not aware that when using default you could also use an class name. — Kevin Farrugia
– Kevin Farrugia, Commented Apr 27, 2017 at 16:51

Community · Accepted Answer · 2017-05-23 11:46:50Z

4

You can use this.constructor.… if you dare, but the better solution would be to just name your class:

export default class MyClass {
    static staticMethod(){
        alert('static');
    }

    nonStaticMethod() {
        // Ordinarily you just use
        MyClass.staticMethod();
    }
}

If you cannot do this for some reason¹, there's also this hack:

import MyClass from '.' // self-reference

export default class {
    static staticMethod(){
        alert('static');
    }

    nonStaticMethod() {
        // Ordinarily you just use
        MyClass.staticMethod();
    }
}

_{1: I cannot imagine a good one}

edited May 23, 2017 at 11:46

CommunityBot

11 silver badge

answered Apr 27, 2017 at 16:47

Bergi

671k162 gold badges1k silver badges1.5k bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Wiktor Zychla · Accepted Answer · 2017-04-27 16:55:32Z

2

You can name your exported class and refer to it by the auxiliary name:

export default class _ {

  static staticMethod(){
      alert('static');
  }

  nonStaticMethod(){
      _.staticMethod();
  }
}

answered Apr 27, 2017 at 16:55

Wiktor Zychla

48.5k6 gold badges83 silver badges114 bronze badges

Collectives™ on Stack Overflow

Call static methods when using default

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related