首页 > 代码库 > JavaScript 函数调用时带括号和不带括号的区别

JavaScript 函数调用时带括号和不带括号的区别

function countBodyChildren(){
    var body_element = document.getElementsByTagName("body")[0];
    alert(body_element.childNodes.length);
}

window.onload = countBodyChildren;
//window.onload = countBodyChildren();

代码功能:在弹出框显示body元素的子元素。

不带括号为9;

带括号为8,在加载完成后为9;

 

那么到底在使用一个函数时需不需要加上()呢?

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

  不加括号的,都是把函数名称作为函数的指针,一个函数的名称就是这个函数的指针,此时不是得到函数的结果,因为不会运行函数体代码。它只是传递了函数体所在的地址位置,在需要的时候好找到函数体去执行。

 

  例如window.onload=countBodyChildren;

  countBodyChildren函数并不会在这行代码时就执行,浏览器加载文档时这句话会被加载,会被告知文档加载完要执行哪个函数,但实际上没有当时就执行,等到整个文档加载完成之后才会通过init这个指针去执行init()。

 

所以一般时候我们都是采用的是无括号的原因。这也是由于括号的二义性,因为括号是“函数调用运算符”,相当于在执行这样一个函数,所以产生的问题在理解了之后也就理解了。

JavaScript 函数调用时带括号和不带括号的区别