JavaScript - 引用自身的对象

Question

我正在做一些助手库，我发现了一个有趣的问题。也就是说，我如何从函数内部引用运行该函数的对象？

也许我的解释不清楚，所以这是代码:

HTML

<div class=".ful">...</div>

JS

class Moon {
    onEvents(what, events, callback) {
        const ev = events.split(' ');

        for (let t of Array.from(what)) {
            for (let e of ev) {
                t.addEventListener(e, () => {
                    callback();
                });
            }
        }
    }
}

const moon = new Moon();

moon.onEvents(document.querySelectorAll('.ful'), 'click mouseover', () => { console.log('identikit'); });

这很好用，但是当我想要类似的东西时

moon.onEvents(document.querySelectorAll('.ful'), 'click mouseover', () => { console.log(this); });

我得到未定义。我能做什么？

Answer 1

箭头函数的要点是绑定(bind)this的当前值。如果您不想这样做，请不要使用箭头函数。

moon.onEvents(document.querySelectorAll('.ful'), 'click mouseover', function () { console.log(this); });

和

t.addEventListener(e, callback);