如何通过.click方法向函数的指定对象参数传递另一个函数？

嘿，我来帮你搞定这个双参数函数的传递问题！其实思路和你单参数的场景几乎一致，只是需要在点击回调里多传入一个参数就行啦。

先回顾下你单参数的成功写法，核心是在.click()的匿名回调里手动调用目标函数并传递参数。对于双参数函数myfunction(object1, object2)，我们只需要在回调里按顺序传入两个参数——把你要传递的函数给object1，再给object2传你需要的值（可以是函数、对象、字符串等等）。

具体示例代码 #

首先假设你已经定义了要传递的函数和双参数目标函数：

// 你要传递给object1的函数
function anotherFunction() {
  console.log("这是被传递的函数");
}

// 你的双参数目标函数
function myfunction(object1, object2) {
  // 可以调用传入的object1函数
  object1();
  // 处理第二个参数
  console.log("第二个参数的值：", object2);
}

然后在点击事件里这样写：

$('button').click(function() {
  // 定义第二个参数，这里随便举个例子，你可以换成任何需要的值
  const secondArg = { type: "示例对象", value: 123 };
  
  // 调用双参数函数，把anotherFunction传给object1，secondArg传给object2
  myfunction(anotherFunction, secondArg);
});

如果第二个参数也是函数怎么办？ #

完全没问题，直接传函数引用就行：

function thirdFunction() {
  console.log("这是第二个参数的函数");
}

$('button').click(function() {
  myfunction(anotherFunction, thirdFunction);
});

要是需要传递带参数的函数呢？ #

如果anotherFunction需要接收参数，你可以用匿名函数包裹起来传递：

$('button').click(function() {
  myfunction(function() {
    // 给anotherFunction传入指定参数
    anotherFunction("自定义参数");
  }, secondArg);
});

核心逻辑总结 #

.click()的回调函数只是一个“触发入口”，当按钮被点击时，这个回调会执行。在这个回调里，你可以自由调用你的双参数函数，按顺序传入任何你需要的参数——不管是函数、基本类型还是复杂对象，只要和myfunction的参数定义匹配就可以。这和你单参数的场景本质是一样的，只是多传了一个参数而已～

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