js调用函数时加括号与不加括号的区别

在下面的代码中,addEventListener()的第二个参数里是一个函数，发现对函数不加括号和加括号是有区别的。
不加括号：在事件触发后执行。

加括号：不用触发事件直接执行。

<button id="myBtn">点我</button>
<p id="demo"></p>
<script>
document.getElementById("myBtn").addEventListener("click",displayDate());
function displayDate(){
document.getElementById("demo").innerHTML=Date();
}
</script>

总结：js调用函数时加括号与不加括号的区别
函数名其实就是指向函数体的指针 
不加括号， 可以认为是查看该函数的完整信息， 
不加括号传参，相当于传入函数整体 
加括号 表示立即调用（执行）这个函数里面的代码（花括号部分的代码）。

语法	描述
函数名fun为参数	fun函数体对象是参数
带括号的函数fun()作为参数	立即执行函数后的返回值作为参数。

<button id="btn">单机</button>
function f1(){
var m=5;
return m;
}
function f2(){
var m=55;
alert(m);
}
var a=f1;
var b=f1();//5
alert(f1);
alert(f1());
var e = document.getElementById("btn");
e.addEventListener("click",f2);
1.alert 弹出框的内容：
      function f1(){
      var m=5
      return m;
      }
2.alert弹出框的内容：
 5
3.单机按钮
4.单机按钮后弹出框内容
function f2(){
var m =55;
alert(m);
}
5.不需要单机直接弹出框对话框内容：
55