Как правильно оформлять this при такой конструкции?

Question

[bqio]

Есть код:

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

Правильно ли я делаю ссылку на текущий объект? Или правильней это делать как-то по другому?

Comments

[bqio]

this в конструкции onclick возвращает undefined.

Answer 1

[Анатолий Жаров]

1) Можно использовать стрелки () => {} вместо function() {}
2) Можно использовать bind(this) для привязки контекста
3) Можно сохранять контекст в замыкании (как в вашем примере)

Answer 2

[Александр Алексеев]

дополню к предыдущему ответчику что l = this лучше переделать в self = this
это более общепринято