柯里化预设参数可生成稳定函数引用，解决addEventListener中匿名函数无法移除及this绑定问题；工厂函数或curry工具固化参数后返回单参数event处理器，支持精准添加与移除监听。

在事件处理中用柯里化预设参数，本质是让监听函数既能接收浏览器自动传入的 event 对象，又能携带你提前设定的上下文（比如 ID、类型、配置项），同时避免 bind 或内联箭头函数带来的移除困难和 this 问题。

为什么不能直接写匿名函数？

像这样绑定：

button.addEventListener('click', e => handleClick('btn-1', e));

看似简洁，但每次调用都会生成新函数，导致 removeEventListener 无法匹配——因为引用不同。柯里化返回的是**稳定可复用的函数引用**，天然支持精准移除。

最简实用写法：工厂函数 + 单参数固化

把固定值（如按钮 ID）作为外层参数，返回只接收 event 的函数：

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

立即学习“Java免费学习笔记（深入）”；

• 定义工厂：const createHandler = (id) => (event) => { console.log(id, event.target); };
• 绑定监听：button.addEventListener('click', createHandler('save-btn'));
• 移除监听：button.removeEventListener('click', createHandler('save-btn'));（注意：必须用同一工厂调用结果，建议提前存为变量）

需要传多个固定参数时怎么处理？

比如既要 ID 又要用户角色，可用通用 curry 工具或手写增强版：

• 目标函数：function logClick(id, role, event) { console.log(`${role} clicked ${id}`); }
• 固化前两个参数：const adminClick = curry(logClick)('modal-close')('admin');
• 绑定：el.addEventListener('click', adminClick);

这里 curry 确保最终函数只等 event，完全兼容事件系统，且 adminClick 是稳定引用。

类方法中保持 this 指向

如果处理逻辑在类里，需确保 this 正确：

• 不推荐：el.addEventListener('click', this.handleClick.bind(this, 'id1'))（生成新函数，不可移除）
• 推荐：const handler = (id) => (event) => this.handleClick(id, event);，然后 el.addEventListener('click', handler('id1'));
• 或封装带 this 的柯里化：function curryThis(fn, context, ...preset) { return (...rest) => fn.apply(context, [...preset, ...rest]); }