TypeScript: Cannot reference public things in static member

Question

I am trying to call a public member function from a static variable this so typescript:

class myClass {
    static myTmp: myClass;

    constructor(elem: HTMLElement) {
        elem.addEventListener(“mousedown”, this.callThis);
    }
    public setTmp() {
        myClass.myTmp = this;
    }
    public callThis() {
        myClass.myTmp.myMethod();
    }
    public myMethod() {
        console.log("Hello World!");
    }
}

But I keep getting myClass.myTmp.myMethod is not a function. This example may seem weird, but it makes sense in my real problem. I have tried doing it through a global variable as well, but still no luck. I would like to keep it all within one class. Am I missing something major here?

EDIT: This is what I was trying to do, and this works:

class myClass {
    static myTmp?: myClass;

    constructor(elem: HTMLElement) {
        elem.addEventListener(“mousedown”, this.callThis.bind(this));
    }
    public setTmp() {
        myClass.myTmp = this;
    }
    public callThis() {
        myClass.myTmp?.myMethod();
    }
    public myMethod() {
        console.log("Hello World!");
    }
}

I then have a list of myClass'es and at some point "setTmp" is called, enabling the "myMethod" method.

this in the event handler is the element and not the object. You can store this to a variable first and then use it. Eg: var self = this; — adzo261
– adzo261, Commented Jan 2, 2021 at 16:33
Ah. Thanks. I solved it by using elem.addEventListener("mousedown", this.callThis.bind(this)); instead. — Sillydan
– Sillydan, Commented Jan 2, 2021 at 16:36

Jose Greinch · Accepted Answer · 2021-01-02 20:00:56Z

1

why don't you simply use arrow functions?

elem.addEventListener('mousedown', () => this.callThis());

changing it to this code will work. You don't need to be using the .bind at all :)

answered Jan 2, 2021 at 20:00

Jose Greinch

4783 silver badges14 bronze badges

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

Collectives™ on Stack Overflow

TypeScript: Cannot reference public things in static member

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related