回调函数传参的实际应用与技巧

在开发媒体软件时，经常会遇到需要异步处理任务的场景，比如音频加载完成、视频播放结束或者网络请求返回数据。这时候，回调函数就成了沟通主流程和异步操作之间的桥梁。而为了让回调函数更灵活地处理不同情况，传参就成了关键的一环。

为什么要在回调中传参

设想你正在写一个音乐播放器，用户可以点击多个歌曲进行播放。每首歌加载完成后都需要通知界面更新状态。如果回调函数只能固定执行某个动作，那就没法知道是哪首歌加载完了。这时候就需要把歌曲的ID或名称作为参数传递给回调函数，才能准确更新对应条目的UI。

常见的传参方式

JavaScript 中最直接的方式是在绑定回调时不直接传函数名，而是用匿名函数或箭头函数包裹，把需要的参数带进去。

function loadAudio(id, callback) {
  // 模拟加载完成
  setTimeout(() => {
    callback(id);
  }, 1000);
}

// 调用时传入具体参数
loadAudio('song_123', (id) => {
  console.log(`音频 ${id} 加载完成`);
});

这种方式简单明了，适合大多数场景。但要注意避免在循环里直接绑定回调时不使用闭包，否则可能捕获到错误的变量值。

利用 bind 方法预设参数

另一个常用技巧是使用 bind 方法预先绑定部分参数。这在事件监听中特别有用。

function handleProgress(filename, event) {
  const percent = (event.loaded / event.total) * 100;
  console.log(`${filename}: 已上传 ${percent.toFixed(2)}%`);
}

// 绑定时预设文件名
xhr.addEventListener('progress', handleProgress.bind(null, 'video.mp4'));

这里 null 表示不改变 this 指向，后面跟着的是要固定传入的参数。每次触发 progress 事件时，都会自动带上文件名。

通过配置对象传递复杂参数

当需要传递的信息较多时，比如媒体文件的路径、类型、起始时间、回调上下文等，可以统一用一个对象封装后再传给回调。

function playMedia(options, callback) {
  // 模拟播放准备就绪
  setTimeout(() => {
    callback({
      success: true,
      mediaId: options.id,
      duration: 180,
      startTime: Date.now()
    });
  }, 800);
}

playMedia({ id: 'm_456', src: '/videos/clip.mp4' }, (result) => {
  if (result.success) {
    console.log(`播放开始，媒体ID：${result.mediaId}`);
  }
});

这种模式让接口更清晰，也方便后续扩展字段。

在 C++ 多媒体库中的回调传参

不只是脚本语言，在像基于 FFmpeg 的 C++ 媒体处理程序中，回调函数也常用来报告解码进度或错误信息。通常会定义一个函数指针，并额外提供一个 void* 类型的上下文参数用于透传自定义数据。

typedef void (*Callback)(void* context, int status);

void onDecodeFinish(void* ctx, int status) {
  std::string* filename = static_cast<std::string*>(ctx);
  if (status == 0) {
    printf("解码完成：%s\n", filename->c_str());
  }
}

// 调用时传入上下文
std::string name = "output.wav";
onDecodeFinish(&name, 0);

这种方法虽然底层一些，但在性能敏感的媒体处理流程中非常实用。