柯里化用于事件处理中提前绑定固定参数，通过闭包固化业务ID、配置等，生成专用处理器，避免硬编码和重复计算，且可与防抖等高阶函数组合使用。
在事件处理中用柯里化提前绑定固定参数，核心是把事件回调写成可预设参数的函数，再通过闭包“记住”业务上下文或配置值，避免在监听器里硬编码或重复计算。
用闭包封装固定参数，生成专用事件处理器
原生事件回调只接收一个 event 对象，但你往往需要传入额外的业务标识、ID 或配置。柯里化能自然地把它们固化进去：
- 写一个接受 id 和 handler 的工厂函数：const makeClickHandler = (id) => (e) => { console.log(`点击了元素 #${id}`, e.target); };
- 为不同按钮生成专属处理器：btn1.addEventListener('click', makeClickHandler('save'));、btn2.addEventListener('click', makeClickHandler('cancel'));
- 点击时自动带入预设的 id，无需在回调里判断 class 或 data 属性
结合数据驱动，批量绑定带上下文的监听器
渲染列表时，每个项都需要带自身数据的点击逻辑。柯里化比 bind 更轻量，且不涉及 this 绑定干扰：
- 假设渲染用户列表：users.forEach(user => { const handler = onClickUser(user.id, user.name); item.addEventListener('click', handler); });
- 其中 onClickUser = (id, name) => (e) => api.deleteUser(id).then(() => notify(`${name} 已删除`));
- 每个 handler 都闭包持有自己的 id 和 name，不会因循环变量被覆盖
与防抖/节流等高阶函数组合使用
柯里化后的处理器可直接接入工具函数，实现“参数固化 + 行为增强”：
立即学习“Java免费学习笔记（深入）”；
- 先柯里化：const searchWithDebounce = debounce((query, timeout) => fetch(`/search?q=${query}`), 300);
- 再固定 query 上下文：const searchBooks = searchWithDebounce.bind(null, 'books');（也可用箭头函数：const searchBooks = (timeout) => searchWithDebounce('books', timeout);）
- 最后绑定到输入框：input.addEventListener('input', () => searchBooks(500));
注意 this 和 event 的处理边界
柯里化本身不接管 this，所以如果原 handler 依赖 this（比如类方法），需显式绑定或改用箭头函数：
- 错误写法：this.handleClick = (id) => (e) => { console.log(this.state, id); }; —— this 可能丢失
- 推荐写法：this.handleClick = (id) => (e) => { console.log(this.state, id); }.bind(this); 或直接用箭头函数定义类字段
- event 对象始终由浏览器传入，放在柯里化链的最后位置即可，例如：const logEvent = (prefix) => (e) => console.log(prefix, e.type);
