JS 函数调用过程遇到的问题

在封装一个监听程序的时候发按照自己以前的写法，怎么样都得不到自己想要的结果，找了半天才发现平时没有在函数参数里调用过

如下：

var contain = document.getElementById('contain');

function addEvent(ele, type, hander) {
                    // 执行代码  
                    if (ele.addEventListener) {
                        ele.addEventListener(type, hander, false);
                    } else if (ele.attachEvent) {
                        ele.attachEvent('on' + type, hander);
                    } else {
                        ele['on' + type] = hander;
                    }
 }

var btn = document.getElementById('btn');

function showFun(){

contain.style.display='block';

}

addEvent(btn,'click',showFun());  // 错误写法

addEvent(btn,'click',showFun);    // 正确写法

百度了一下js中函数的调用：

函数只要是要调用它进行执行的，都必须加括号。此时，函数()实际上等于函数的返回值。当然，有些没有返回值，但已经执行了函数体内的行为，这个是根本，就是说，只要加括号的，就代表将会执行函数体代码。

以前就以为只要调用函数就必须要在函数名后面加括号，结果看了下文档对自己以前的认识完全推翻；

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

美丽的分割线

当函数作为参数被传时，不需要加括号，只需函数名当作指针传入，当需要时，会根据指针找到对应的函数来执行里面的代码

如果你在当作参数时，加上括号，那么，这个函数就会执行，而不是在传入函数需要的时候执行。