js代码理解

Question

问题描述一个简单的点击按钮触发弹窗功能，代码概念细节有点混淆相关代码// 方式一：<script>   function f1() {     alert("这是一个对话框");   }</script><input type="button" value="显示效果" onclick="f1()"/>  <!--这里的f1()为什么可以加括号？-->方式二：<input type="button" value="开始分离代码" id="btn" /><script>   function f2() {     alert("开始分离html和js代码");   }  function f2() {     alert("嘎嘎");   }  var btnObj=document.getElementById("btn");  //为按钮注册点击事件   btnObj.onclick=f2;//不能加括号，加括号直接就调用</script>请问为什么方式一里的onclick属性后面的f1要加括号，而方式二中的f2后面就不能加括号？？？

Answer 1

onclick="f1()" 相当于下面的代码：

//浏览器为你包装了一层onclick=function(){
    fn();
}

而 btnObj.onclick=f2; 是一个赋值表达式