柯里化在事件处理中适合固化固定信息，使回调专注动态部分，避免重复匿名函数；可分层注入运行时数据、封装this安全调用、统一不同事件源接口。
柯里化在事件处理中特别适合把固定信息（比如按钮 ID、操作类型、配置对象）提前“锁住”，让回调函数只关注动态部分（如事件对象、用户输入），从而避免大量重复的匿名函数和参数冗余。
用柯里化固化 DOM 元素上下文和行为标识
多个按钮触发相似逻辑时，传统写法容易堆砌内联箭头函数：
// 重复绑定，不易维护
btn1.addEventListener('click', () => handleClick('btn1', 'submit', event));
btn2.addEventListener('click', () => handleClick('btn2', 'cancel', event));
改用柯里化后，把静态参数固化为专用处理器：
Alibabacloud Sdk Client Initialization For Java
下载
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
立即学习“Java免费学习笔记（深入）”；
- 定义基础处理函数：function handleClick(id, action, event) { console.log(`${id} ${action}`, event); }
- 柯里化生成工厂：const createHandler = (id) => (action) => (event) => handleClick(id, action, event);
- 为每个按钮定制：const btn1Handler = createHandler('btn1')('submit');
- 直接绑定：btn1.addEventListener('click', btn1Handler);
支持运行时数据注入的两层设计
真实场景中，事件处理常需结合表单值、API 响应等动态数据。柯里化可分层：外层固定配置，内层接收事件 + 动态参数。
- 例如日志上报：function logAction(level, category, message, event, data) { console[level](`[${category}] ${message}`, event, data); }
- 先固化级别与分类：const userLogger = (level) => (category) => (message) => (event, data) => logAction(level, category, message, event, data);
→ const infoUser = userLogger('info')('user'); - 绑定时传入动态内容：btn.addEventListener('click', e => infoUser('clicked')(e, { form: getFormValue() }));
封装 this 安全与 DOM 方法调用
当事件处理器需要调用类方法或依赖 this 指向时，柯里化可一并固化执行上下文，比 bind() 更灵活。
- 比如组件内方法：class Modal { open(id) { this.el.id = id; this.el.show(); } }
- 柯里化绑定实例：const openModal = (modal) => (id) => modal.open(id);
→ const handleOpen = openModal(this); - 绑定到按钮：btn.addEventListener('click', () => handleOpen('settings'));
统一接口适配不同事件源
兼容原生事件、自定义事件或第三方库事件时，柯里化能抹平参数差异，让回调签名保持一致。
- 封装通用监听器：const addListener = (el, type) => (handler) => el.addEventListener(type, handler);
- 生成专用监听器：const onClick = addListener(btn, 'click');
→ onClick(e => console.log('clicked!', e)); - 也可扩展支持事件委托：const onDelegate = (parent, selector) => (type) => (handler) => parent.addEventListener(type, e => e.target.matches(selector) && handler(e));
