window.addEventListener（'message'，myFunction（event））不起作用

Question

我试图了解以下原因为何不起作用。

var myFunction = function(event) {
    // do something with event
};

window.addEventListener('message', myFunction(event));

我收到以下错误：“ ReferenceError：未定义事件”。

但是，可以使用以下作品和event 。

window.addEventListener('message', function(event) {
    // do something with event
});

在第一种情况下如何使用event ？ 为什么仅在第二种情况event才可以访问event ？

Answer 1

您看到此错误是因为您正在立即调用该函数。 您需要传递对该函数的引用 。

换句话说，更改此：

window.addEventListener('message', myFunction(event));

对此：

window.addEventListener('message', myFunction);

使用addEventListener()方法时，在触发事件时默认情况下将event对象作为第一个参数传递。