在 javascript 中，func 表示对函数对象的引用，而 func() 表示立即调用该函数并返回其执行结果；这一区别直接影响赋值、事件绑定、模块导出等关键场景的行为。
函数是 JavaScript 中的一等公民（first-class objects），这意味着它们可以像字符串、数字一样被赋值、传递和返回。理解 functionName 与 functionName() 的差异，是掌握回调机制、事件处理和模块化开发的基础。
✅ 不带括号：传递函数引用（推荐用于延迟执行）
当不使用括号时，你操作的是函数本身——一个可被存储、传递或稍后调用的对象：
function find() {
console.log("Request handler 'find' was called.");
}
function display() {
console.log("Request handler 'display' was called.");
}
// 正确：导出函数引用，供其他模块按需调用
module.exports.find = find; // ← 注意：无括号
module.exports.display = display; // ← 注意：无括号此时 module.exports.find 的值就是 find 函数的定义，外部模块可通过 require('./handlers').find() 显式触发。
同样适用于 DOM 事件监听：
立即学习“Java免费学习笔记（深入）”；
button.addEventListener('click', find); // ✅ 点击时才执行 find()
// 而不是 button.addEventListener('click', find()); // ❌ 立即执行，返回 undefined❌ 带括号：立即执行并赋值返回值
添加括号会立刻执行函数，并将执行结果（而非函数本身）参与后续操作：
module.exports.find = find(); // ❌ 错误写法（除非你真想导出 console.log 的返回值） // 输出："Request handler 'find' was called." // 实际导出的是 undefined（因为 find 没有 return 语句）
若函数有返回值，结果可能更隐蔽但同样危险：
function getConfig() {
return { timeout: 5000, retries: 3 };
}
module.exports.config = getConfig(); // ✅ 导出对象字面量
module.exports.configRef = getConfig; // ✅ 导出函数，供调用方动态获取最新配置⚠️ 关键提醒： 在赋值、传参、导出、事件绑定等需要“将来执行” 的上下文中，务必使用 func（无括号）； 只有当你明确需要此刻运行函数并使用其返回值时，才用 func()（有括号）； 混淆二者会导致静默错误：如事件处理器立即执行一次后失效、模块导出 undefined、异步逻辑错乱等。
掌握这一基本原理，不仅能避免常见陷阱，更是深入理解回调函数、高阶函数（如 map, filter, setTimeout）、以及现代框架中事件/副作用处理机制的前提。
