问使用匿名函数的事件侦听器

EN

当像这样定义处理程序函数时

target.addEventListener(type, doSomething(parameter));

您正在传递函数的返回值作为处理程序。例如，考虑这个函数：

function doSomething(event) {
    return 'foo';
}

现在，函数在事件发生之前立即执行，您基本上只是将其作为处理程序进行传递：

target.addEventListener(type, 'foo');

这行不通的。

第二个例子

target.addEventListener(type, function () {doSomething(parameter);});

正确地将函数作为引用传递，而不在事件发生前执行该函数。

当您编写"doSomething(parameter)“时，您实际上是在调用函数，然后函数的返回值就是结果，该结果被传递给addEventListener。"doSomething(parameter)“被执行，它并不是你真正想要的函数指针(尽管javascript没有可见的函数指针)。

如果您编写了target.addEventListener(类型，doSomething)，那么实际上会像您希望的那样将函数作为参数进行传递。但是，它不会像您希望的那样将参数传递到函数调用中。这就是为什么你需要像你做的那样包装它。如果你想做一些你想做的事情，你可以这样做：

function doSomethingWrapper() {
    doSomething(parameter);
}

target.addEventListener(type, doSomethingWrapper);