JavaScript函数名后不加()是函数指针吗？Svelte事件绑定差异疑问

两种绑定写法的区别 #

• 不带()的写法 on:click={handleClick}：你传给事件的是函数引用，Svelte会在点击事件触发时，主动调用这个引用对应的函数，符合预期交互逻辑。
• 带()的写法 on:click={handleClick()}：这种写法叫做立即函数调用，JS解析器在组件初始化、解析这段表达式的时候，就会直接执行handleClick函数，再把函数的返回值绑定给点击事件。如果函数没有返回可执行的函数，相当于给点击事件绑定了undefined，后续点击自然不会触发任何逻辑，这就是你遇到的页面加载就执行、点击没反应的根因。

如果你的场景需要给处理函数传参，可以用箭头函数包裹的写法：on:click={() => handleClick(你的参数)}，这种写法绑定的还是函数引用，只有点击时才会执行内部的传参调用逻辑。

关于JavaScript的"函数指针"疑问 #

JS中不存在C/C++体系下严格定义的函数指针，但是JS的函数属于一等公民，支持被赋值给变量、作为参数/返回值传递，我们日常用到的函数引用就承担了类似函数指针的作用：它存储了函数在内存中的入口地址，你可以通过这个引用随时调用对应的函数。
教程里提到的"绑定函数指针"是简化的口语化表述，实际指的就是传递函数引用。

异常现象的完整逻辑 #

1. Svelte编译组件时，会同步执行on:click属性内的所有表达式代码
2. 如果你写了handleClick()，JS引擎会立即执行这个函数拿到返回值，所以页面加载阶段就会触发一次函数逻辑
3. 最终绑定给点击事件的是函数的返回值，而非可执行的函数本身
4. 后续用户点击按钮时，Svelte尝试调用绑定的内容，发现不是可执行的函数，自然没有任何响应

内容的提问来源于stack exchange，提问作者JSNinja