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.

question from:https://stackoverflow.com/questions/65541343/typescript-cannot-reference-public-things-in-static-member

Answer 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 :)