javascript - Warum kann onclick eine Parameter enthaltende Funktion nicht direkt aufrufen, sondern muss in der Form onclick=function(){fn(p)} geschrieben werden?

Question

JS-Neuling, bitte fragen Sie mich, warum onclick die Parameter enthaltende Funktion nicht direkt aufrufen kann, sondern in der Form onclick=function(){fn(p)} geschrieben werden muss? Die nichtparametrische Funktion kann direkt als onclick=fn(); geschrieben werden?
Was ist das zugrunde liegende Prinzip? Danke

Answer 1

onclick其实是可以直接绑定有参数的函数，如下：

const input = document.getElementById('input');
input.onclick = function(params){
  console.log(params);
};

但是，请注意，你的需求是执行函数fn(p)，执行的结果是返回一个值，而不是一个函数。
onclick作为点击时的回调事件，如果绑定，是一定要绑定一个函数的，而不是一个值。如下：

input.onclick = function(){
  fn(p);
};

这里的意思是，给input绑定一个onclick事件，这个事件是一个函数，点击时，回调就被执行了，意味着函数也被执行了，函数执行时，其中的语句fn(p)就被执行了。

Answer 2

onclick = function(e) {console.log(e)}

尝试绑定这个click函数 ，再看下结果呗