You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

箭头函数调用函数的差异:onChange两种写法的区别解析

两种onChange绑定写法的差异与工作机制
  • 第一种写法:onChange={() => input()}
    当onChange事件触发时,会执行这个箭头函数。箭头函数内部直接执行了input()——这是在主动调用input函数,所以事件触发后,input会立刻运行,触发对应的逻辑。

  • 第二种写法:onChange={() => input}
    当onChange事件触发时,同样会执行这个箭头函数,但箭头函数里只是把input函数的引用返回出去,完全没有调用它。相当于你把函数“递”了出去,但没说“现在执行它”,所以input函数根本不会被触发,自然看不到任何效果。

本质区别:前者是在箭头函数内部执行目标函数,后者只是在箭头函数内部返回目标函数的引用,并没有执行动作。

内容的提问来源于stack exchange,提问作者Piyush Pal

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.28 11:34:50