js 注册事件机制问题

不是很明白为啥在

1. 在 html 中调用 onclick 方法时, 需要写成 onclick="showMsg()", 而不是 onclick="showMsg"

2. 在 js 中调用 onclick 时, 需写成 msg2.onclick = showMsg, 而不是 msg2.onclick = showMsg()

源码:

  <p id="row">

    <!--right-->
    <p id="msg1" onclick="showMsg()">click me</p>
    
    <!--error-->
    <!--<p id="msg1" onclick="showMsg">click me</p>-->
    <p id="msg2">click me too</p>
  </p>

js:

    var row = document.getElementById('row');
    var msg1 = document.getElementById('msg1')
    var msg2 = document.getElementById('msg2')
    
    // right
    msg2.onclick = showMsg
    
    // error
    msg2.onclick = showMsg()
    
   function showMsg (e) {
     if (e && e.target) {
      console.log(e.target)
     } else {
       console.log('click msg1');
     }
   }