JS中函数名后面的括号加与不加的区别和作用
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <button id="btn">按钮</button> <script> var e =document.getElementById("btn"); e.addEventListener("click",demo1) function demo1(){ alert("hello1") } e.addEventListener("click",demo2) function demo2(){ alert("hello2") } </script> </body> </html>
在上面的代码中，例如e.addEventListener("click",demo2)中，demo2后面加了括号变成打开页面直接弹出对话框而不用去点击按钮，不加括号则是通过点击按钮才触发事件弹出对话框。
e.addEventListener("click",demo2())
只需要记住，函数名就是指针就可以了。例如
var a = fun 表示把函数名fun这个指针拷贝一份给变量a，但是这不是指函数本身被复制了一份。
就好比，地图上上海市（对应函数对象）只有一个，但指向上海市的路标（对应指针）有很多，而且你还可以继续添加（复制）无数个指向上海市的路标，但上海市本身不会被复制。
如果函数名后面加上圆括号就表示立即调用（执行）这个函数里面的代码（花括号部分的代码）。
另外函数声明和函数表达式在私有作用域写法方面也会在函数体后面加圆括号表示立即调用这个函数，题主可以参看JS的模仿块级作用域的知识。
function fun(){ return 5 } var a=fun var b=fun()
JS中函数是一种叫做function引用类型的实例，因此函数是一个对象。对象是保存在内存中的，函数名则是指向这个对象的指针。
var a = fun 表示把函数名fun这个指针拷贝一份给变量a，但是这不是指函数本身被复制了一份。
就好比，地图上上海市（对应函数对象）只有一个，但指向上海市的路标（对应指针）有很多，而且你还可以继续添加（复制）无数个指向上海市的路标，但上海市本身不会被复制。
如果函数名后面加上圆括号就表示立即调用（执行）这个函数里面的代码（花括号部分的代码）。
另外函数声明和函数表达式在私有作用域写法方面也会在函数体后面加圆括号表示立即调用这个函数，题主可以参看JS的模仿块级作用域的知识。
作者：闭家锁
链接：https://www.zhihu.com/question/31044040/answer/69898827
