JavaScript事件机制不支持直接传递自定义参数，但可通过data-属性、闭包、CustomEvent和bind四种方式实现：data-适用于静态数据；闭包解决循环绑定问题；CustomEvent用于主动派发带参事件；bind适合预设固定参数。

JavaScript 事件机制本身不直接支持在触发原生事件时“传递自定义参数”，但有多种成熟、实用的方式实现类似效果。核心思路是：把数据“附着”在事件触发的上下文中，让事件处理函数能访问到它。

用 data-* 属性 存储并读取数据

这是最常用、语义清晰且兼容性好的方式。适合静态或初始化时就确定的数据。

• 在 HTML 元素上添加 data-xxx 属性，例如：编辑
• 在事件处理器中通过 event.target.dataset 读取：
  

  button.addEventListener('click', e => {<br>  console.log(e.target.dataset.id);     // "123"<br>  console.log(e.target.dataset.type); // "user"<br>});

用 闭包 捕获变量（推荐用于动态绑定）

在循环或动态生成元素时，用闭包保存当前轮次的数据，避免常见引用错误。

java-api-doc-generator

分析 Java Spring Boot 后端 Controller 代码，自动生成 Markdown 格式的接口文档。当用户说“生成 Java 接口文档”、“生成 API 文档”、“从 Spring 代码生成文档”时触发。

下载

• 错误写法（所有 handler 共享同一个 i）：
  

  for (let i = 0; i   buttons[i].addEventListener('click', () => console.log(i)); // 总是输出最后值<br>}

• 正确写法（用闭包或 let 块级作用域）：
  

  for (let i = 0; i   buttons[i].addEventListener('click', () => console.log(i)); // ✅ 正确<br>}

  
  或显式闭包：
  

  for (var i = 0; i   (function(idx) {<br>    buttons[idx].addEventListener('click', () => console.log(idx));<br>  })(i);<br>}

用 CustomEvent 手动派发带数据的事件

当你需要主动触发事件并传参（比如组件通信、状态通知），CustomEvent 是标准方案。

• 创建并派发：
  

  const event = new CustomEvent('myAction', {<br>  detail: { userId: 456, action: 'delete' }<br>});<br>element.dispatchEvent(event);

• 监听并接收：
  

  element.addEventListener('myAction', e => {<br>  console.log(e.detail.userId);   // 456<br>  console.log(e.detail.action); // "delete"<br>});

• detail 字段是约定俗成的数据载体，可放任意结构（对象、数组、字符串等）

用 this 或 绑定上下文 传参（较少用，注意适用场景）

通过 Function.prototype.bind 预设部分参数，适用于简单、固定参数的回调。

• 示例：
  

  button.addEventListener('click', handleClick.bind(null, 'admin', 789));<br>// handleClick 接收两个预设参数 + event 对象<br>function handleClick(role, id, event) {<br>  console.log(role, id, event.target);<br>}

• 注意：bind 后的函数无法再用 removeEventListener 移除，除非保留绑定后的函数引用

Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南