柯里化在事件处理中天然适配“固定部分参数 + 动态触发”需求，可构建复用性强、逻辑清晰的处理器工厂，避免重复绑定与匿名函数嵌套，并支持动态参数、DOM 操作封装及 this 安全传递。
柯里化在事件处理中天然适配“固定部分参数 + 动态触发”的需求，用它构建事件处理函数工厂，能避免重复绑定、减少匿名函数嵌套，让逻辑更清晰、复用性更强。
用柯里化预设事件上下文
常见场景是：多个按钮需要执行相似逻辑，但需区分 ID、类型或配置。手动写 addEventListener 时容易出现大量内联匿名函数，比如：
btn1.addEventListener('click', () => handleClick('btn1', 'submit'));btn2.addEventListener('click', () => handleClick('btn2', 'cancel'));
用柯里化可提前把静态信息（如元素标识、操作类型）固化，生成专用处理器：
- 定义基础处理器：
function handleEvent(id, action, event) { console.log(`${id} triggered ${action}`, event); } - 柯里化后生成工厂：
const createHandler = curry(handleEvent); - 为不同按钮定制：
const btn1Handler = createHandler('btn1')('submit');const btn2Handler = createHandler('btn2')('cancel'); - 直接绑定：
btn1.addEventListener('click', btn1Handler);
支持动态参数的工厂函数
真实项目中，事件处理器常需结合运行时数据（如表单值、API 响应）。柯里化可分两层设计：外层固定配置，内层接收事件对象及动态数据。
立即学习“Java免费学习笔记（深入）”；
- 例如日志上报工厂：
function logAction(level, category, message, event) { console[level](`[${category}] ${message}`, event); } - 先固化级别和分类：
const infoLogger = curry(logAction)('info')('user'); - 再传入具体消息和事件：
btn.addEventListener('click', e => infoLogger('button clicked')(e)); - 也可进一步封装：
const userClickLogger = infoLogger('button clicked');
绑定时直接用：btn.addEventListener('click', userClickLogger);
与 DOM 操作结合的实用模式
柯里化特别适合封装带 DOM 查询或副作用的操作，比如禁用按钮、显示加载态等。
- 定义可复用动作：
function toggleLoading(selector, state) { document.querySelector(selector).disabled = state; } - 柯里化并预设选择器：
const toggleBtnLoading = curry(toggleLoading)('#submit-btn'); - 在异步流程中复用：
toggleBtnLoading(true); // 开始 loading<br> fetch('/api').then(() => toggleBtnLoading(false)); // 结束 - 甚至组合成完整流程：
const submitHandler = (e) => { toggleBtnLoading(true); apiCall().finally(() => toggleBtnLoading(false)); };
注意 this 和事件对象的传递
柯里化本身不改变 this，但事件处理器默认以触发元素为 this。若原函数依赖 this，需显式绑定或改用箭头函数+参数透传。
- 安全做法是让柯里化函数最后接收
event参数，并在调用时明确传入：e => handler(e) - 避免在柯里化链中丢失
this：不要对方法直接柯里化（如obj.method），而应包装为普通函数或用bind固定上下文 - 推荐统一签名：所有事件处理器形参按
(config, event)或(id, event)排列，便于柯里化和测试
