How to correctly format this with such a construction?

Question

JavaScript

There is a code:

this.frames = [];
this.frame = 0;
        let l = this;
        this.canvas.onclick = function () {
            if (l.frame == l.frames.length - 1) return;
            l.frame++;
            l.render();
        }

Am I making a reference to the current object correctly? Or is it better to do it some other way?

Answer 1

1) You can use arrows () => {} instead of function() {}
2) You can use bind(this) to bind the context
3) You can store the context in a closure (as in your example)

Answer 2

I will add to the previous answer that it is better to remake l = this into self = this this
is more generally accepted