嘿，这个问题问得特别好！很多刚接触前端事件绑定的开发者都会有这个疑惑，我来给你拆解清楚～

为什么没传实参却能拿到event？ #

先看你给出的代码示例：

<button onClick="this.handleClick">Click Me</button>

handleClick(event){
  console.log(event.target)
}

这里的核心逻辑是：当你给DOM元素绑定事件处理器（比如onClick）时，浏览器在触发这个事件的瞬间，会自动把对应的事件对象（Event Object）作为第一个参数，传递给你的处理器函数——不管你有没有在绑定的时候显式写(event)。

简单来说，你写onClick="this.handleClick"就相当于告诉浏览器：“等按钮被点击时，帮我调用this.handleClick函数，并且把点击事件的相关信息（就是那个event对象）传给它”。哪怕你没写参数，浏览器依然会自动传这个值，你只需要在函数里定义参数来接收就行。

甚至如果你函数里没定义event参数，其实也能通过arguments[0]拿到这个事件对象（不过这种写法不推荐，显式定义参数可读性更好）。

是否所有事件处理器都会默认创建event参数？ #

基本上所有浏览器原生支持的事件类型（比如click、input、submit、mouseover这类），对应的事件处理器都会自动接收事件对象作为第一个参数。不管你是用HTML内联绑定（像例子里的写法），还是用addEventListener绑定：

document.querySelector('button').addEventListener('click', function(event) {
  console.log(event.target);
});

这里的event同样是浏览器自动传递的。

不过要注意一个例外：如果是你手动调用这个函数（不是浏览器触发事件导致的），那除非你手动传参，否则event会是undefined。比如你在代码里写this.handleClick()，这时候函数里的event就没值了——因为这是你主动调用，不是浏览器触发事件的场景，自然不会自动传事件对象。

另外，在React这类框架里，虽然用的是合成事件（SyntheticEvent），但底层逻辑是一致的：框架会把原生事件包装后，依然自动传递给你的处理器函数，所以你同样可以直接接收event参数。

内容的提问来源于stack exchange，提问作者jpj