JavaScript | 无参函数调用不需要加（）？_调用js无参方法需要加括号吗-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_44537414/article/details/105232933

本文探讨了JavaScript中无参函数调用时是否需要使用括号的情况。通过示例分析，指出在将函数赋值给事件处理时，`window.onload = init;`与`window.onload = init();`的区别，前者在事件触发时执行，后者立即执行。总结强调理解不同场景下的函数调用方式的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

情景

示例一

//正常调用
function getData() {
	...	
}

window.onload = getData;

嗯？getData不是一个函数吗？
参照MDN中的例子，不是应该用getData()这样的形式调用函数？

//正常调用
function getData() {
	...	
}

//modify
window.onload = getData();

示例二

//正常调用
document.getElementById("box").onclick = handleClick;

function handleClick(){
	...
}

//不报错，函数执行有异常
document.getElementById("box").onclick = handleClick();

function handleClick(){
	...
}

？？？

原因分析

仔细查看会发现，上述示例调用函数的形式均为obj.event=func
而我们印象中函数调用的一般形式为func()

? 为什么示例一加括号后也能正常运行呢
What is the different between window.onload = init(); and window.onload = init;

window.onload = getData()表示马上执行getData函数，结果赋予qindow.onload
window.onload = getData表示当onload事件被触发时，执行getData函数

示例代码产生了示例一前后都可以正常运行，示例二前后会发生异常的错觉，主要原因在事件不一样

总结

一般情况下，函数调用形式为func() JavaScript 函数调用
当将函数分配给某一对象的具体属性时，注意区分func()，以及func。当使用场景为发生某一事件执行函数时，使用func