JQuery-Kendo技术问题：页面加载时为何部分函数自动执行？

嘿，我来帮你捋清楚这个问题！作为刚接触jQuery和Kendo的新手，这种函数莫名自动执行的坑真的很容易踩，我给你拆解下原因和解决办法～

最常见的问题是你在绑定事件的时候，不小心直接调用了函数（加了括号()），而不是传递函数的引用。举个例子：

• ❌ 错误写法：$('#addBtn').click(addFieldToForm());
  这里的addFieldToForm()会在代码执行到这一行时立即触发，相当于你主动调用了这个函数，然后把它的返回值（这里是undefined）传给了click事件绑定，完全不是“点击按钮才执行”的效果。
• ✅ 正确写法：$('#addBtn').click(addFieldToForm);
  这里传递的是函数本身的引用，只有当按钮被点击时，jQuery才会调用这个函数。

另外，如果你在用Kendo UI组件，也可能是配置回调时犯了同样的错：

// ❌ 错误：页面加载时直接执行函数
$("#myGrid").kendoGrid({
  save: addFieldToForm()
});

// ✅ 正确：传递函数引用，事件触发时才执行
$("#myGrid").kendoGrid({
  save: addFieldToForm
});

1. 先检查所有事件绑定的代码
   找到你绑定addFieldToForm的地方，看看是不是加了括号。比如你可能在$(document).ready里写了类似$('#btn').click(addFieldToForm())的代码，把括号去掉就好。

2. 如果需要给函数传参数怎么办？
   要是你得给addFieldToForm传递参数，别直接加括号，用匿名函数包裹一下：

   $(document).ready(function() {
     $('#addFieldBtn').click(function() {
       // 这里可以传任意参数，点击时才会执行addFieldToForm
       addFieldToForm('userInput', 123);
     });
   });
   

3. 为什么saveDataCallback没自动执行？
   大概率是你绑定它的时候用了正确的方式（只传函数名，没加括号），所以页面加载时不会触发，只有对应的事件（比如保存按钮点击）触发时才会执行。

记住一个简单的规则：绑定事件/回调时，要传函数的“名字”（不带括号），而不是执行函数（带括号）。括号的作用是立即执行函数，而我们要的是把函数交给事件系统，让它在合适的时候执行。

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