我的第一个代码不起作用，但我的第二个代码可以。第一个有什么问题？

Question

我是 JavaScript 新手。我的代码有点问题。在代码中，我在 addEventListener 中设置了一个匿名函数作为事件函数，但它不起作用。 target.addEventListener("click", x); //it does not work// var x= function(event){      console.log(event.target);   };但如果我像第二个那样编写代码，那么它就可以工作。var y= function(){    target.addEventListener("click", x); //but it works// }  var x= function(event){    console.log(event.target);  };  y();我不明白第一个有什么问题。

Answer 1

您需要在将函数分配给事件之前定义该函数 - 正如您在第二个示例中所做的那样，其中 y() 在定义 x 后执行

var x = function(event) {

  console.log(event.target);

};

// or

// const x = event =>  console.log(event.target);

const target = document.getElementById("butX");

target.addEventListener("click", x); //it does work//

<button type="button" id="butX">Click</button>